Android ApiDemos示例解析(190):Views->ScrollBars->3. Style
2012-10-13 22:47
531 查看
本例介绍了ScrollView 的几种风格,android:scrollbarStyle 用来定义滚动条的风格和位置,滚动条位置可以为”overlaid”或是”inset”,当使用”inset” 风格时,滚动条添加到View的Padding区域。滚动条可以显示在View的Padding区域内或是在View的边缘。
scrollbarStyle 有如下几种风格:
insideOverlay inside the padding and overlaid
insideInset inside the padding and inset
outsideOverlay Edge of the view and overlaid
outsideInset Eged of the view and inset
本例的XML
<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=”#FF0000″>
<LinearLayout
android:orientation=”vertical”
android:layout_width=”match_parent”
android:layout_height=”match_parent”>
<TextView
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:text=”@string/scrollbar_2_text” />
…
<TextView
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:text=”@string/scrollbar_2_text” />
</LinearLayout>
</ScrollView>
<ScrollView
android:layout_width=”100dip”
android:layout_height=”120dip”
android:background=”#00FF00″
android:paddingRight=”12dip”>
<TextView
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:text=”@string/scrollbar_3_text”
android:textColor=”#000000″
android:background=”#60AA60″ />
</ScrollView>
<ScrollView
android:id=”@+id/view3″
android:layout_width=”100dip”
android:layout_height=”120dip”
android:background=”@android:drawable/edit_text”>
<TextView
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:textColor=”#000000″
android:text=”@string/scrollbar_3_text” />
</ScrollView>
</LinearLayout>
<LinearLayout
android:layout_width=”match_parent”
android:layout_height=”wrap_content”>
<ScrollView
android:id=”@+id/view4″
android:layout_width=”100dip”
android:layout_height=”120dip”
android:scrollbarStyle=”outsideOverlay”
android:background=”@android:drawable/edit_text”>
<TextView
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:textColor=”#000000″
android:text=”@string/scrollbar_3_text” />
</ScrollView>
<ScrollView
android:id=”@+id/view5″
android:layout_width=”100dip”
android:layout_height=”120dip”
android:scrollbarStyle=”outsideInset”
android:background=”@android:drawable/edit_text”>
<TextView
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:textColor=”#000000″
android:text=”@string/scrollbar_3_text” />
</ScrollView>
</LinearLayout>
</LinearLayout>
scrollbarStyle 有如下几种风格:
insideOverlay inside the padding and overlaid
insideInset inside the padding and inset
outsideOverlay Edge of the view and overlaid
outsideInset Eged of the view and inset
本例的XML
<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=”#FF0000″>
<LinearLayout
android:orientation=”vertical”
android:layout_width=”match_parent”
android:layout_height=”match_parent”>
<TextView
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:text=”@string/scrollbar_2_text” />
…
<TextView
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:text=”@string/scrollbar_2_text” />
</LinearLayout>
</ScrollView>
<ScrollView
android:layout_width=”100dip”
android:layout_height=”120dip”
android:background=”#00FF00″
android:paddingRight=”12dip”>
<TextView
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:text=”@string/scrollbar_3_text”
android:textColor=”#000000″
android:background=”#60AA60″ />
</ScrollView>
<ScrollView
android:id=”@+id/view3″
android:layout_width=”100dip”
android:layout_height=”120dip”
android:background=”@android:drawable/edit_text”>
<TextView
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:textColor=”#000000″
android:text=”@string/scrollbar_3_text” />
</ScrollView>
</LinearLayout>
<LinearLayout
android:layout_width=”match_parent”
android:layout_height=”wrap_content”>
<ScrollView
android:id=”@+id/view4″
android:layout_width=”100dip”
android:layout_height=”120dip”
android:scrollbarStyle=”outsideOverlay”
android:background=”@android:drawable/edit_text”>
<TextView
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:textColor=”#000000″
android:text=”@string/scrollbar_3_text” />
</ScrollView>
<ScrollView
android:id=”@+id/view5″
android:layout_width=”100dip”
android:layout_height=”120dip”
android:scrollbarStyle=”outsideInset”
android:background=”@android:drawable/edit_text”>
<TextView
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:textColor=”#000000″
android:text=”@string/scrollbar_3_text” />
</ScrollView>
</LinearLayout>
</LinearLayout>
相关文章推荐
- Android ApiDemos示例解析(189):Views->ScrollBars->2.Fancy
- Android ApiDemos示例解析(188):Views->ScrollBars->1.Basic
- Android ApiDemos示例解析(182):Views->Progress Bar->1. Incremental
- Android ApiDemos示例解析(139):Views->Layouts->Baseline->Nested Example 1
- Android ApiDemos示例解析(125):Views->ImageView
- Android ApiDemos示例解析(191):Views->Seek Bar
- Android ApiDemos示例解析(109):Views->Custom
- Android ApiDemos示例解析(197):Views->Visibility
- Android ApiDemos示例解析(198):Views->WebView
- Android ApiDemos示例解析(137):Views->Layouts->Baseline->5. Multi-line
- Android ApiDemos示例解析(141):Views->Layouts->LinearLayout->1. Vertical
- Android ApiDemos示例解析(148):Views->Layouts->LinearLayout->8. Gravity
- Android ApiDemos示例解析(129):Views->Layout Animation->4. Randomize
- Android ApiDemos示例解析(107):Views->Controls->1. Light Theme
- Android ApiDemos示例解析(111):Views->Data Widgets->2. Inline
- Android ApiDemos示例解析(138):Views->Layouts->Baseline->6. Relative
- Android ApiDemos示例解析(128):Views->Layout Animation->3. Reverse Order
- Android ApiDemos示例解析(99):Views->Auto Complete->1. Screen Top
- Android ApiDemos示例解析(130):Views->Layout Animation->5.Grid Direction
- Android ApiDemos示例解析(152):Views->Layouts->RelativeLayout->2.Simple Form