当前位置：文江博客话题详情

制作自定义瘦进度条/搜索栏

发布于 2024-11-29 18:43:48 字数 196 浏览 2 评论 0原文

在较高的水平上，我已经完成了几种类型的进度条样式，但是当我尝试使它们变得瘦时，它们都很难看。

我正在寻找一个快速入门教程或布局，它将提供一个类似于下图的栏

在此处输入图像描述

任何想法？当/如果我让它们工作时，我会很高兴发布结果。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

Bonjour°[大白 2024-12-06 18:43:48

有一个属性 android:maxHeight 可以满足您的需求。您应该将 android:thumb 可绘制对象设置为大于 maxHeight 以实现平滑的搜索栏效果。

例如：

  <SeekBar
      android:id="@+id/whiteBalanceSeek"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:layout_marginTop="3dp"
      android:max="200"
      android:maxHeight="3dp"
      android:paddingLeft="10dp"
      android:paddingRight="10dp"
      android:progress="100"
      android:progressDrawable="@drawable/slider_progress"
      android:thumb="@drawable/thumb_img" />

slider_progress 可绘制对象取自此处和thumb_img是一个带有红色圆圈的裸PNG。

这是我得到的：

Slick sliders

There is a property android:maxHeight which does exactly what you need. You should set the android:thumb drawable bigger than the maxHeight to achieve the slick seekbar effect.

For example:

  <SeekBar
      android:id="@+id/whiteBalanceSeek"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:layout_marginTop="3dp"
      android:max="200"
      android:maxHeight="3dp"
      android:paddingLeft="10dp"
      android:paddingRight="10dp"
      android:progress="100"
      android:progressDrawable="@drawable/slider_progress"
      android:thumb="@drawable/thumb_img" />

The slider_progress drawable was taken from here and the thumb_img is a bare PNG with a red circle.

Here is what I got:

Slick sliders

回复收藏 0 原文

~没有更多了~