Android中一些你可能没注意的小效果实现
来源:互联网 发布:九九口诀乘法表vb编程 编辑:程序博客网 时间:2024/05/04 04:03
Android中一些你可能没注意的小效果实现
本文由唯鹿投稿。
唯鹿的博客地址:
http://blog.csdn.net/qq_17766199
1
EditView的自定义样式
其实这部分大家一定不陌生,通常默认的样式都与我们的设计样式有出入,那么就需要我们自定义,通常我们使用Android:background="xxx" 来自定义。常见的我就不重复啰嗦了,下面介绍一些特殊的使用。
首先看看默认样式(SdkVersion=23,安卓6.0):
<EditText android:layout_width="match_parent" android:layout_height="50dp" />
文字选择操作时:
文字选中时:
1.修改光标颜色
修改光标的颜色很简单,只需要使用android:textCursorDrawable="XXX" 属性。
首先我们自定义drawable,cursor.xml
使用:
效果图:
2.修改选中图标
这个图标就是默认样式的2图与3图中的墨绿色水滴状图标。同样也很简单,直接上代码。
效果:
PS:因为没有合适的图片所以左右设置的都是一样的,理解一下哈!
是不是还觉得有点别扭,文字的选中颜色与EditView默认的下划线还是墨绿色,其实改起来也很简单。加上下面两行代码。
android:backgroundTint="#9bd435" <!--下划线颜色-->android:textColorHighlight="#9bd435" <!--选中文字背景色-->
最终自定义效果:
3.使用Material Design主题属性
首先了解一下Material Design 各个属性。这里有张在网上找来的图,此图一目了然。
那么其实就简单了,在我们的主题中加入colorAccent即可。
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <item name="colorAccent">#9bd435</item></style>
效果图:
我在自己的手机的应用中发现使用1、2方法去自定义的只有UC浏览器,其中微信和淘宝直接使用的默认样式。支付宝和QQ等大多数使用了3方法,毕竟简单,效果也不错。
Scrollbar自定义样式
首先看看默认样式(SdkVersion=23,安卓6.0):
效果图:
自定义滚动条首先我们要自定义drawable,scrollbar.xml自定义代码:
使用scrollbarThumbVertical:
效果图:
当然水平方向的滚动条也是可以自定义的,同时这些也都适用于ListView、RecyclerView。
android:scrollbars="horizontal"android:scrollbarThumbHorizontal="xxx"
最后还有一个android:scrollbarStyle="xxx",可以设置滚动条的位置。默认是insideOverlay,下面我直接上相应设置对应的效果图。
insideInset:(位置在padding内,会插入在View后面,不会遮挡View)
outsideOverlay:(位置在padding外,覆盖在View上,如果滚动条比padding大会遮挡View)
outsideInset:(位置在padding外,会插入在View后面,不会遮挡View)
最后两张图可能乍一看是一样的,其实仔细看button距滚动条的位置其实是不一样的。
去除滑动尽头阴影效果
阴影如图:
去除非常简单,加上android:overScrollMode="never" 属性即可。
clipChildren属性的使用
android:clipChildren的意思是是否允许子View超出父View。好像有点懵,那我们直接上例子。
图中是现在大多外卖app都会有的一个购物车效果。其中红框中的部分高度略高于旁边的View。那么这时就可以使用clipChildren来实现。首先在布局根节点设置android:clipChildren="false",在使用android:layout_gravity="xxx"控制超出部分。
代码:
效果图:
是不是挺简单,如果是你?你会怎样实现呢?
点九图(.9.png)的使用
接着上面的购物车效果,在图中是不是有一个代表购买商品数量的数字。如果此时一个土豪一次买了上百份的外卖,上面的效果会如何?我就试了试,得到了下面的效果:
可以清楚地看到原本的圆形被横向拉伸了。。。那就说明这个圆形图标不是点九图。那么我们来制作张。
大家使用Studio可以很方便的去制作,首先右键图片,会弹出以下菜单:
点击Create 9-Patch file... 创建点九图片。
上图就是最终完成的图片,在上面我有标注各个位置的含义。
替换图片后现在再来看看效果:
是不是看起来好多了。
其实上面介绍的这些内容都是很细节的东西,一般不太会注意到的,一般项目也不太常用。分享出来以备不时之需。最后大家多多点赞哈!
- Android中一些你可能没注意的小效果实现
- 你可能没注意的CSS单位
- 你可能没注意的CSS单位
- 你可能没注意的CSS单位
- 你可能没注意的CSS单位
- 笔记本CPU的这些坑 不说你可能没注意
- thinkphp开发中你需要注意的一些小问题
- Android中一些你可能不太知道的东西
- 关于ArrayList.remove()的一些你没注意的细节
- 一些你可能需要的okhttp实现
- 一些小效果的实现
- Android那些你可能没了解过的---碎片化
- 开发中注意的一些小问题
- Listview中一些小的注意问题
- android中实现tab标签切换时的一些效果
- 移动端开发中是不是你如何给webview设置适配屏幕都没效果,可能是这种原因
- Android hdpi,xhdpi,xxhdpi一些你没注意到的事
- 总结:Js中可能用到的一些小方法
- 串口
- QtCreator2.8.0+QtOpenSource4.8.5环境配置(初学者必看)
- Linux平台下的Eclipse配置
- 搜索技术架构
- Oauth2.0和Yii的邂逅(以己拙见实现第三方接口权限管理)
- Android中一些你可能没注意的小效果实现
- Vector
- thinkphp源码分析(1)--- 入口文件
- leetcode 102. Binary Tree Level Order Traversal
- 任务控制块及其链表
- python | 解决defaults::qt-5.6.2-vc14_3
- ubuntu16.04设置应用程序桌面快捷方式(QQ为例)
- 提高 Maven 下载Jar包的速度
- 转载 决策树之ID3算法