文档章节

Android控件之ScrollView(scrollbarStyle)

Jonson
 Jonson
发布于 2014/04/16 16:12
字数 655
阅读 2037
收藏 8

   

       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


本文转载自:http://blog.csdn.net/johnny901114/article/details/7869047

共有 人打赏支持
Jonson
粉丝 21
博文 131
码字总数 17942
作品 0
肇庆
Android添加垂直滚动ScrollView 常见问题

今天在使用ScrollView时出现错误,提示:Unexpected namespace prefix "xmlns" found for tag ScrollView 布局如下: <ScrollView xmlns:android="http://schemas.android.com/apk/res/andr......

40岁的青春
2015/04/21
0
0
Android有用代码片段(三)

前两个已经到第四十个了,所以还得再开一篇,用于记录,以前文章:Android有用代码片段(二)、android有用代码片段,有需要的朋友可以去看一下。 四十一、数据库写入图片信息: [java]view...

curitis
2012/05/18
0
0
Android开发:ScrollView嵌套GridView的解决办法

前些日子在开发中用到了需要ScrollView嵌套GridView的情况,由于这两款控件都自带滚动条,当他们碰到一起的时候便会出问题,即GridView会显示不全。 解决办法,自定义一个GridView控件 publ...

小0426小
2013/05/30
0
0
android 中 scollView中嵌套GridView显示UI不全

的解决办法 前些日子在开发中用到了需要ScrollView嵌套GridView的情况,由于这两款控件都自带滚动条,当他们碰到一起的时候便会出问题,即GridView会显示不全。 解决办法,自定义一个GridVie...

xiahuawuyu
2013/01/07
0
0
Android学习之Textview的一些属性解释

delia 动态改变控件的方法 1.声明控件参数获取的对象 LinearLayout.LayoutParams linear = (LayoutParams) view.getLayoutParams(); 2.设置控件参数,如宽度: linear.width = 10; 3.使得设...

程序袁_绪龙
2014/09/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

打开eclipse出现an error has occurred see the log file

解决方法: 1,打开eclipse安装目录下的eclipse.ini文件; 2,打开的文本文件最后添加一行 --add-modules=ALL-SYSTEM 3,保存重新打开Eclipse。...

任梁荣
昨天
3
0
搞定Northwind示例数据库,无论哪个版本的SQLServer都受用

Northwind数据库 从这里可以找到突破口: http://social.msdn.microsoft.com/Forums/zh-CN/Vsexpressvb/thread/8490a1c6-9018-40c9-aafb-df9f79d29cde 下面是MSDN: http://msdn2.microsoft......

QQZZFT
昨天
1
0
mysql主从同步,安装配置操作

准备 两台mysql服务,我这里准备了如下: 主库:192.168.176.128 从库:192.168.176.131 如何在Linux上安装mysql服务,请看https://blog.csdn.net/qq_18860653/article/details/80250499 操作...

小致dad
昨天
3
0
一个手机装天下,走遍中国都不怕!

导读 “1200元(人民币,下同),微信支付,可以,你扫我。”来自西非马里共和国的展商Albert拿着手机,和一位买走他手鼓的中国游客用简单的汉语交流着。 近日,“第十四届中俄蒙经贸洽谈暨商品...

问题终结者
昨天
2
0
Redis的“死键”问题

大规模的数据库存储系统中,数据的生命周期管理是很有必要的;从业务角度发现过期数据,数据归档和数据碎片整理等。以MySQL为例,1个运行很久的TB级MySQL实例中,极有可能数百GB的数据,对业...

IT--小哥
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部