SeekBar的高度问题thumb圆点显示不完全的解决方案

SeekBar 中的 thumb 圆点显示不全的正确做法

先看UI效果图

SeekBar 的 progressDrawable 进度条的高度是 16px

在这里插入图片描述

thumb 圆点的高度是 23 px

在这里插入图片描述

控制SeekBar条的高度在于这三个属性

android:layout_height="wrap_content"
android:maxHeight="@dimen/y16"
android:minHeight="@dimen/y16"

layout_height 设置为 wrap_content
maxHeight 设置 为 进度条的高度 16px

thumb 圆点是自定义的 Drawable,文件名为:shape_point_circular.xml
高度可以在Drawable文件中自己控制,
height 设置为 23px

shape_point_circular.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#ffffff"/>
    <corners android:radius="@dimen/x12"/>
    <size
        android:height="@dimen/x23"
        android:width="@dimen/x23"/>
</shape>

这样就大功告成了!

<SeekBar
     android:id="@+id/seekBar"
     android:layout_width="0dp"
     android:layout_weight="1"
     android:layout_height="wrap_content"
     android:progressDrawable="@drawable/seekbar_style2"
     android:thumb="@drawable/shape_point_circular"
     android:layout_marginLeft="@dimen/x26"
     android:layout_marginRight="@dimen/x26"
     android:maxHeight="@dimen/y16"
     android:minHeight="@dimen/y16"
     android:thumbOffset="0dip"/>

最后看成品效果!
在这里插入图片描述

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值