CheckBox与文字的间距

本文分享了一种调整CheckBox与文字间距的方法,通过设置属性如background为@null去除多余位置,使用paddingleft控制图片和文字的间距,并通过缩放属性满足特定的布局需求。

昨天第一次这么用CheckBox与文字设置间距的,以前都还没用过,所以也在网上找了许多,

其中1、2、点为网上找的,但仍不能满足我的需求,所以添加了缩放,正好满足我开发需求,

而且还算挺不错的。遇再挑剔的也都没怕了!现在汇集起来希望能给你们用上!

1)checkbox在更换了图片后, 与文字的距离有问题, 建议修改background为@null, 去除占据的位置。

2) checkbox的paddingleft可以控制图片和文字的间距。


<CheckBox

      Android:id="@+id/whether_or_not_read_checkbox"

      android:layout_width="wrap_content"

       android:layout_height="40dp"

      android:background="@null"  //去除占据的位置

       android:paddingLeft="5dp"  //左填充,也就可将CheckBox与文字拉开间距

        android:scaleX="0.60"        //水平方向缩放比例

        android:scaleY="0.60"      //竖直方向缩放比例

       android:textSize="25dp"

        android:text="是"

 />

UI 布局(6 分) 顶部标题栏:Text组件,文字 “我的备忘录”,字体大小 20sp,居中 底部输入区:TextField(标题输入)+Button(“添加” 按钮),水平排列 中间列表:List组件渲染备忘录,每项包含Checkbox、标题、内容 核心功能(6 分) 点击 “添加” 按钮:校验输入非空,将数据添加到状态列表 长按列表项:弹出删除确认弹窗,确认后从列表移除 数据持久化:使用LocalStorage保存 / 加载备忘录列表 2. 状态样式(10 分) 要求: 完成状态(4 分) Checkbox勾选后标记 “已完成”,联动更新备忘录状态 已完成项文字添加删除线,颜色 #999,背景色 #F5F5F5 未完成项文字颜色 #333,背景色透明 交互优化(4 分) 点击列表项:通过路由跳转到详情页,传递备忘录数据 详情页支持修改内容,保存后更新主列表数据 样式规范(2 分) 列表项高度 50px,左右边距 16px,Checkbox文字间距 8px 3. 扩展功能(13 分) 要求: 分类标签(5 分) 顶部TabBar包含 “全部 / 工作 / 生活” 标签 新增备忘录时通过Picker弹窗选择分类(工作 / 生活 / 其他) 点击标签时过滤显示对应分类的备忘录 搜索功能(4 分) 输入框右侧添加 “搜索” 按钮,按标题关键词过滤列表 无搜索结果时显示居中Text“无匹配内容” 异常处理(4 分) 输入为空时触发Toast提示:“请输入标题内容” 分类无数据时显示本地占位图(Image组件 + 条件渲染)
最新发布
05-07
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值