Scrollbar中滚动条的设置

摘要:
insideOverlay的默认值意味着它位于填充区域并覆盖在视图上,insideInset意味着它在填充区域中并插入在视图后面,outside Overlay意味着它处于填充区域之外并覆盖在该视图上。建议此outsideInset表示它位于填充区域之外并插入到视图后面,outsideOverlay是最合适的,并且具有最佳的视觉效果。

Scrollbar中滚动条的设置第1张

 

insideOverlay 默认值,表示在padding区域内并且覆盖在view上
insideInset表示在padding区域内并且插入在view后面
outsideOverlay表示在padding区域外并且覆盖在view上,推荐这个
outsideInset表示在padding区域外并且插入在view后面

Scrollbar中滚动条的设置第2张

outsideOverlay最合适,视觉效果最好。

自定义滚动条样子:

android:scrollbarThumbVertical="@drawable/red"

在ListView中添加属性:
android:scrollbarTrackVertical="@drawable/scrollbar_vertical_track"

android:scrollbarThumbVertical="@drawable/scrollbar_vertical_thumb"

scrollbar_vertical_track,crollbar_vertical_thumb

自定义的xml文件,放在Drawable中,track是指长条,thumb是指短条,然后再xml中定义短条和长条的样式

不让滚动条消失,一直出现:android:fadeScrollbars="false"

不让滚动条出现:android:scrollbars="none"

感谢:http://bbs.9ria.com/thread-226871-1-1.html     作者:agods

免责声明:文章转载自《Scrollbar中滚动条的设置》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇关于ACCESS中TOP 功能的一个问题.NET 服务器定位模式(Service Locator Pattern)——Common Service Locator下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

CSS样式大全

字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-height: normal;}(正常) 单位:PX、PD、EM 粗细...

Element drawer添加 滚动条 无法上下滚动

/*1.显示滚动条:当内容超出容器的时候,可以拖动:*/ .el-drawer__body { overflow: auto; } /*2.隐藏滚动条,太丑了*/ .el-drawer__container ::-webkit-scrollbar{ display: none; }   ...

浏览器滚动条美化样式插件.

Jquery.Nicescroll.js nicescroll是一个jQuery插件支持水平滚动条!它支持div,iframe,文本,文档页面滚动条。所有的桌面浏览器兼容:Firefox 4 + 5 +,Chrome,Safari 4 +,Opera 10 +,IE+6与移动设备兼容:iPhone / iPod / ipad,Android 2.2 +,...

仿苹果电脑任务栏菜单&&拼图小游戏&&模拟表单控件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &...

【转】CSS浏览器兼容性与解析问题终极归纳

1.怪异模式问题:漏写DTD声明,Firefox仍然会按照标准模式来解析网页,但在IE中会触发怪异模式。为避免怪异模式给我们带来不必要的麻烦,最好养成书写DTD声明的好习惯。 2.IE6双边距问题:在IE6下,如果对元素设置了浮动,同时又设置了margin-left或margin-right,margin值会加倍。例如: HTML: <div cla...

JS实现“隐藏与显示”功能(多种方法)

1,通过按钮实现隐藏与显示: 这个是通过按钮点击实现的隐藏与显示,具体代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47...