概念介紹

看官們，我們?cè)谶@里說(shuō)的SeekBar就是滑動(dòng)條，如果有看官忘記的話，可以查看之前的博客。SeekBar在默認(rèn)情況下沿水平方向展開(kāi)，也就是手機(jī)屏幕的x軸方向,用手指滑動(dòng)上面的滑塊時(shí)也是沿水平方向展開(kāi)。我們可以設(shè)定它的長(zhǎng)度和寬度來(lái)指定它的大小。寬度會(huì)在X軸方向上展開(kāi)，高度會(huì)在Y軸方向上展開(kāi)。

創(chuàng)建方法

如果想讓SeekBar沿著垂直方向展開(kāi)，也就是手機(jī)屏幕的Y軸方向，那么可以通過(guò)設(shè)定該組件的rotation屬性來(lái)實(shí)現(xiàn):

• 把該屬性設(shè)定為90，組件旋轉(zhuǎn)90度，可以從上向下拖動(dòng)滑動(dòng)條;
• 把該屬性設(shè)置為270可以從下向上拖動(dòng)滑動(dòng)條;

這兩個(gè)方向都是手機(jī)的Y軸方向。調(diào)整rotation的屬性值后SeekBar會(huì)發(fā)生旋轉(zhuǎn)，此時(shí)會(huì)有部分內(nèi)容被無(wú)法顯示，可以通過(guò)調(diào)整根布局的clipChildren屬性來(lái)實(shí)現(xiàn)，下面是一個(gè)示例程序。

示例程序

<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>

    <!--    在這里設(shè)置屬性沒(méi)有效果 -->
    <!--    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>

上面的代碼中為了突出顯示效果，給頁(yè)面和各個(gè)組件都添加了背景色，下面是程序的運(yùn)行效果圖，請(qǐng)大家參考：

圖中正常的SeekBar是黃色，沿水平方向(手機(jī)屏幕的X軸）展開(kāi)。旋轉(zhuǎn)后的SeekBar是淺紫色，沿垂直方向(手機(jī)屏幕的Y軸）展開(kāi)，被旋轉(zhuǎn)的SeekBar所在的布局背景色是深紫色。旋轉(zhuǎn)后它的頂部會(huì)被父布局遮擋(圖片中紅色方框中的內(nèi)容)，在根布局中設(shè)定clipChildren屬性后可以去掉遮擋,具體的代碼如下：android:clipChildren="false"。

注意：這個(gè)屬性在SeekBar的父布局中設(shè)置后沒(méi)有效果，需要在根布局中設(shè)置才有效果?？垂賯?nèi)绻焕斫獾脑捒梢詤⒖忌厦娲a中注釋的內(nèi)容。

看官們，關(guān)于"如何創(chuàng)建垂直版SeekBar"的例子咱們就介紹到這里，欲知后面還有什么例子，且聽(tīng)下回分解！文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-502185.html

到了這里，關(guān)于一起Talk Android吧（第五百四十八回：如何創(chuàng)建垂直版SeekBar）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！