服务器之家:专注于VPS、云服务器配置技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - Android - Android UI效果之绘图篇(一)

Android UI效果之绘图篇(一)

2021-06-10 18:26_Hi_xiaoyu Android

这篇文章主要介绍了Android UI效果之绘图篇,针对Android开发中的UI效果设计模块进行讲解,感兴趣的小伙伴们可以参考一下

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

  • android xml绘图(shape、layer、selector)
  • android canvas绘图(canvas、point、porterduffxfermode、shader)
  • android 动画详解
  • android 自定义控件

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

?
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
48
49
50
51
<?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的朋友,应该很好理解,用于实现图层效果

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?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等控件中,通过不同的事件切换控件效果

?
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
<?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效果设计模块的一部分内容,之后还会继续更新,希望对大家的学习有所帮助。

延伸 · 阅读

精彩推荐
  • AndroidAndroid程序设计之AIDL实例详解

    Android程序设计之AIDL实例详解

    这篇文章主要介绍了Android程序设计的AIDL,以一个完整实例的形式较为详细的讲述了AIDL的原理及实现方法,需要的朋友可以参考下...

    Android开发网4642021-03-09
  • AndroidAndroid编程解析XML方法详解(SAX,DOM与PULL)

    Android编程解析XML方法详解(SAX,DOM与PULL)

    这篇文章主要介绍了Android编程解析XML方法,结合实例形式详细分析了Android解析XML文件的常用方法与相关实现技巧,需要的朋友可以参考下...

    liuhe68810052021-05-03
  • Android汇总Android视频录制中常见问题

    汇总Android视频录制中常见问题

    这篇文章主要汇总了Android视频录制中常见问题,帮助大家更好地解决Android视频录制中常见的问题,需要的朋友可以参考下...

    yh_thu5192021-04-28
  • AndroidAndroid界面效果UI开发资料汇总(附资料包)

    Android界面效果UI开发资料汇总(附资料包)

    android ui界面设计,友好的界面会提高用户体验度;同时也增强了android ui界面设计的难度,本文提供了一些常用开发资料(有下载哦)感兴趣的朋友可以了解下...

    Android开发网4672021-01-03
  • AndroidAndroid中AsyncTask详细介绍

    Android中AsyncTask详细介绍

    这篇文章主要介绍了Android中AsyncTask详细介绍,AsyncTask是一个很常用的API,尤其异步处理数据并将数据应用到视图的操作场合,需要的朋友可以参考下...

    Android开发网7452021-03-11
  • AndroidAndroid实现固定屏幕显示的方法

    Android实现固定屏幕显示的方法

    这篇文章主要介绍了Android实现固定屏幕显示的方法,实例分析了Android屏幕固定显示所涉及的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下...

    鉴客6192021-03-27
  • AndroidAndroid实现Service获取当前位置(GPS+基站)的方法

    Android实现Service获取当前位置(GPS+基站)的方法

    这篇文章主要介绍了Android实现Service获取当前位置(GPS+基站)的方法,较为详细的分析了Service基于GPS位置的技巧,具有一定参考借鉴价值,需要的朋友可以参考下...

    Ruthless8342021-03-31
  • AndroidAndroid CardView+ViewPager实现ViewPager翻页动画的方法

    Android CardView+ViewPager实现ViewPager翻页动画的方法

    本篇文章主要介绍了Android CardView+ViewPager实现ViewPager翻页动画的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...

    Abby代黎明9602022-03-02