Android控件之ScrollView(scrollbarStyle)

   

       Android控件之ScrollView(scrollbarStyle)            

       分類：            Android            2012-08-15 17:19    7773人閱讀    評論(3)    收藏    舉報    

androidlayoutc

        ScrollView,當內容超過了整個屏幕或者容器的時候須要使用ScrollView

而且ScrollView的直接子元素只能有一個.

       ScrollView的用法很是簡單,這裏主要說的是ScrollView中ScrollBar的用法

1 ,普通樣式的ScrollBar(默認樣式),以下圖所示:

2 , 下面再來看一個比較絢的效果:

實現以下:

佈局:

[html] view plaincopy

1. <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"  

2.     android:layout_width="match_parent"  

3.     android:layout_height="wrap_content"  

4.     android:scrollbarTrackVertical="@drawable/scrollbar_vertical_track"  

5.     android:scrollbarThumbVertical="@drawable/scrollbar_vertical_thumb"  

6.     android:scrollbarSize="12dip">  

7.                  ......  

8.   

9. </ScrollView>  

scrollbar_vertical_track.xml:

[html] view plaincopy

1. <shape xmlns:android="http://schemas.android.com/apk/res/android">  

2.     <gradient android:startColor="#505050" android:endColor="#C0C0C0"  

3.             android:angle="0"/>  

4.     <corners android:radius="0dp" />  

5. </shape>  

scrollbar_vertical_thumb.xml:

[html] view plaincopy

1. <shape xmlns:android="http://schemas.android.com/apk/res/android">  

2.     <gradient android:startColor="#3333FF" android:endColor="#8080FF"  

3.             android:angle="0"/>  

4.     <corners android:radius="6dp" />  

5. </shape>  

3,ScrollView中ScrollBar的style

該屬性能夠經過xml文件配置如:android:scrollbarStyle="insideInset" 

也能夠經過java代碼配置:findViewById(R.id.view3).setScrollBarStyle(View.SCROLLBARS_INSIDE_INSET);

大體能夠設置4個屬性:  

                1>outsideInset :  該ScrollBar顯示在視圖(view)的邊緣,增長了view的padding. 若是可能的話,該ScrollBar僅僅覆蓋這個view的背景.

                2>outsideOverlay :  該ScrollBar顯示在視圖(view)的邊緣,不增長view的padding,該ScrollBar將被半透明覆蓋

                3>insideInset :該ScrollBar顯示在padding區域裏面,增長了控件的padding區域,該ScrollBar不會和視圖的內容重疊.

               4>insideOverlay : 該ScrollBar顯示在內容區域裏面,不會增長了控件的padding區域,該ScrollBar以半透明的樣式覆蓋在視圖(view)的內容上.

下面經過例子來分析:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >


        <ScrollView
            android:layout_width="100dip"
            android:layout_height="120dip"
            android:background="#00FF00"
            android:paddingRight="12dip"
            android:scrollbarStyle="outsideInset" >


            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="#60AA60"
                android:text="@string/scrollbar_3_text"
                android:textColor="#000000" />
        </ScrollView>


        <ScrollView
            android:id="@+id/view3"
            android:layout_width="100dip"
            android:layout_height="120dip"
            android:background="#00FF00"
            android:paddingRight="12dip"
            android:scrollbarStyle="outsideOverlay" >


            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="#60AA60"
                android:text="@string/scrollbar_3_text"
                android:textColor="#000000" />
        </ScrollView>
    </LinearLayout>


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >


        <ScrollView
            android:id="@+id/view4"
            android:layout_width="100dip"
            android:layout_height="120dip"
            android:background="@android :drawable/edit_text"
            android:scrollbarStyle="insideInset" >


            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/scrollbar_3_text"
                android:textColor="#000000" />
        </ScrollView>


        <ScrollView
            android:id="@+id/view5"
            android:layout_width="100dip"
            android:layout_height="120dip"
            android:background="@android :drawable/edit_text"
            android:scrollbarStyle="insideOverlay" >


            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/scrollbar_3_text"
                android:textColor="#000000" />
        </ScrollView>
    </LinearLayout>


</LinearLayout>

ScrollView的顯示結果:

  

  

可是3,4兩張圖並無說明insideInset和insideOverLay的padding區域的差異,那上面的佈局稍做修改,

那麼看下圖(看後兩個ScrollView):

謝謝! 轉載請註明出處:http://blog.csdn.net/johnny901114/article/details/7869047