一起Talk Android吧（第五百四十八回：如何创建垂直版SeekBar）-Toy模板网

这篇具有很好参考价值的文章主要介绍了一起Talk Android吧（第五百四十八回：如何创建垂直版SeekBar）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

各位看官们大家好，上一回中咱们说的例子是"蓝牙广播中的厂商数据",本章回中介绍的例子是" 如何创建垂直版SeekBar"。闲话休提，言归正转，让我们一起Talk Android吧！

概念介绍

看官们，我们在这里说的SeekBar就是滑动条，如果有看官忘记的话，可以查看之前的博客。SeekBar在默认情况下沿水平方向展开，也就是手机屏幕的x轴方向,用手指滑动上面的滑块时也是沿水平方向展开。我们可以设定它的长度和宽度来指定它的大小。宽度会在X轴方向上展开，高度会在Y轴方向上展开。

创建方法

如果想让SeekBar沿着垂直方向展开，也就是手机屏幕的Y轴方向，那么可以通过设定该组件的rotation属性来实现:

把该属性设定为90，组件旋转90度，可以从上向下拖动滑动条;
把该属性设置为270可以从下向上拖动滑动条;

这两个方向都是手机的Y轴方向。调整rotation的属性值后SeekBar会发生旋转，此时会有部分内容被无法显示，可以通过调整根布局的clipChildren属性来实现，下面是一个示例程序。

示例程序

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:background="#aacc33"
        android:orientation="vertical"
        android:clipChildren="false"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".Fragment1">

    <TextView
        android:background="#0a00ff"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textColor="#FFFFFF"
        android:textSize="48sp"
        android:text="Fragment1" />
    <SeekBar
        android:background="#aab600"
        android:layout_marginTop="20dp"
        android:layout_width="260dp"
        android:layout_height="40dp">
    </SeekBar>

    <!--    在这里设置属性没有效果 -->
    <!--    android:clipChildren="false"-->
    <LinearLayout
        android:background="@color/colorPrimary"
        android:orientation="vertical"
        android:gravity="right"
        android:layout_width="match_parent"
        android:layout_height="300dp">
        <SeekBar
            android:background="#aa00ff"
            android:rotation="270"
            android:layout_marginTop="20dp"
            android:layout_width="260dp"
            android:layout_height="90dp">
        </SeekBar>
    </LinearLayout>
</LinearLayout>

上面的代码中为了突出显示效果，给页面和各个组件都添加了背景色，下面是程序的运行效果图，请大家参考：
一起Talk Android吧（第五百四十八回：如何创建垂直版SeekBar）

图中正常的SeekBar是黄色，沿水平方向(手机屏幕的X轴）展开。旋转后的SeekBar是浅紫色，沿垂直方向(手机屏幕的Y轴）展开，被旋转的SeekBar所在的布局背景色是深紫色。旋转后它的顶部会被父布局遮挡(图片中红色方框中的内容)，在根布局中设定clipChildren属性后可以去掉遮挡,具体的代码如下：android:clipChildren="false"。

注意：这个属性在SeekBar的父布局中设置后没有效果，需要在根布局中设置才有效果。看官们如果不理解的话可以参考上面代码中注释的内容。

看官们，关于"如何创建垂直版SeekBar"的例子咱们就介绍到这里，欲知后面还有什么例子，且听下回分解！文章来源地址https://www.toymoban.com/news/detail-502185.html

到了这里，关于一起Talk Android吧（第五百四十八回：如何创建垂直版SeekBar）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！