Android UI效果之绘图篇(一)
程序员文章站
2024-02-22 09:19:16
最近准备整理一套关于ui效果的文章,算是对这段时间的一个总结,主要讲android开发中的ui效果设计模块。初步分为一下几个篇幅:
android xml绘图(s...
最近准备整理一套关于ui效果的文章,算是对这段时间的一个总结,主要讲android开发中的ui效果设计模块。初步分为一下几个篇幅:
- android xml绘图(shape、layer、selector)
- android canvas绘图(canvas、point、porterduffxfermode、shader)
- android 动画详解
- android 自定义控件
今天就当开胃菜,先讲讲最简单的xml绘图,相信这个大家都用的比较熟,这里就当给大家做一个小文档,当那个参数配置忘了,便于查阅
一、shape
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" // 此处可以设置shape的形状 不设置默认为rectangle android:shape=["rectangle"|"oval"|"line"|"ring"|] > <!-- 圆角 shape="rectangle"是使用 默认为1dp --> <corners android:radius="xdp" android:topleftradius="xdp" android:toprightradius="xdp" android:bottomleftradius="xdp" android:bottomrightradius="xdp"/> <!-- 渐变 --> <gradient android:startcolor="color" android:centercolor="color" android:endcolor="color" android:uselevel="boolean" android:angle="integer"//angle的值必须是45的倍数(包括0),仅在type="linear"有效 android:type=["linear"|"radial"|"sweep"] android:centerx="integer" android:centery="integer" android:gradientradius="integer"/> <!-- 间隔 --> <padding android:left="xdp" android:top="xdp" android:right="xdp" android:bottom="xdp"/> <!-- 大小 宽度和高度 --> <size android:width="dp" android:height="dp"/> <!-- 填充 --> <solid android:color="color"/><!-- 填充的颜色 --> <!-- 描边 --> <stroke android:width="dp" android:color="color" android:dashwidth="dp" //虚线宽度 android:dashgap="dp"/> //虚线间隔宽度 </shape>
二、layer
这个用过photoshop的朋友,应该很好理解,用于实现图层效果
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <!-- item1 --> <item> <bitmap android:src="drawable" android:gravity="center" /> </item> <!-- item2 --> <item> <bitmap android:src="drawable" android:gravity="center" /> </item> <!-- item3 --> <item <bitmap android:src="drawable" android:gravity="center" /> </item> </layer-list>
三、selector
这个常用语button、checkbox、radio等控件中,通过不同的事件切换控件效果
<?xml version="1.0" encoding="utf-8" ?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <!-- 默认时的背景图片--> <item android:drawable="drawable" /> <!-- 没有焦点时的背景图片 --> <item android:state_window_focused="false" android:drawable="drawable" /> <!-- 非触摸模式下获得焦点并单击时的背景图片 --> <item android:state_focused="true" android:state_pressed="true" android:drawable= "drawable" /> <!-- 触摸模式下单击时的背景图片--> <item android:state_focused="false" android:state_pressed="true" android:drawable="drawable" /> <!--选中时的图片背景--> <item android:state_selected="true" android:drawable="drawable" /> <!--获得焦点时的图片背景--> <item android:state_focused="true" android:drawable="drawable" /> </selector>
以上就是android开发中的ui效果设计模块的一部分内容,之后还会继续更新,希望对大家的学习有所帮助。
上一篇: 用python记录运行pid,并在需要时kill掉它们的实例
下一篇: java字符串反转示例分享
推荐阅读
-
Android UI效果之绘图篇(一)
-
Android UI设计与开发之ViewPager仿微信引导界面以及动画效果
-
IOS开发教程第一季之UI进阶day6合并IOS学习017--绘图2
-
Android UI设计与开发之ViewPager仿微信引导界面以及动画效果
-
解析Android开发优化之:对界面UI的优化详解(一)
-
解析Android开发优化之:对界面UI的优化详解(一)
-
Android实现疯狂连连看游戏之游戏效果预览(一)
-
Android高级UI之仿淘宝首页嵌套滑动及吸顶效果实现
-
Android之UI Automator框架源码分析(第X篇:BySelector相关功能介绍)
-
Android之UI Automator框架源码分析(第六篇:UiDevice查找控件之一)