当前位置: 首页 > 工具软件 > Ring UI > 使用案例 >

android ui画图工具,Android UI效果之绘图篇(一)

上官思博
2023-12-01

最近准备整理一套关于UI效果的文章,算是对这段时间的一个总结,主要讲Android开发中的UI效果设计模块。初步分为一下几个篇幅:

Android XML绘图(Shape、Layer、Selector)

Android Canvas绘图(canvas、point、porterDuffXfermode、shader)

Android 动画详解

Android 自定义控件

今天就当开胃菜,先讲讲最简单的xml绘图,相信这个大家都用的比较熟,这里就当给大家做一个小文档,当那个参数配置忘了,便于查阅

一、Shape

// 此处可以设置shape的形状 不设置默认为rectangle

android:shape=["rectangle"|"oval"|"line"|"ring"|]

>

android:radius="xdp"

android:topLeftRadius="xdp"

android:topRightRadius="xdp"

android:bottomLeftRadius="xdp"

android:bottomRightRadius="xdp"/>

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"/>

android:left="xdp"

android:top="xdp"

android:right="xdp"

android:bottom="xdp"/>

android:width="dp"

android:height="dp"/>

android:color="color"/>

android:width="dp"

android:color="color"

android:dashWidth="dp" //虚线宽度

android:dashGap="dp"/> //虚线间隔宽度

二、Layer

这个用过photoshop的朋友,应该很好理解,用于实现图层效果

android:gravity="center" />

android:gravity="center" />

android:gravity="center" />

三、Selector

这个常用语Button、CheckBox、Radio等控件中,通过不同的事件切换控件效果

Android:state_window_focused="false"

android:drawable="drawable"

/>

Android:state_focused="true"

android:state_pressed="true"

android:drawable= "drawable"

/>

Android:state_focused="false"

Android:state_pressed="true"

Android:drawable="drawable"

/>

Android:state_selected="true"

android:drawable="drawable"

/>

Android:state_focused="true"

Android:drawable="drawable"

/>

以上就是Android开发中的UI效果设计模块的一部分内容,之后还会继续更新,希望对大家的学习有所帮助。

 类似资料: