Android UI效果之绘图篇(一)

 更新时间:2016年02月22日 10:14:10   作者:_Hi_xiaoyu  
这篇文章主要介绍了Android UI效果之绘图篇,针对Android开发中的UI效果设计模块进行讲解,感兴趣的小伙伴们可以参考一下

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

相关文章

  • Android开发之模仿微信打开网页的进度条效果(高仿)

    Android开发之模仿微信打开网页的进度条效果(高仿)

    这篇文章主要介绍了Android开发之模仿微信打开网页的进度条效果(高仿)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • Android 自动化测试经验分享 深入UiScrollable

    Android 自动化测试经验分享 深入UiScrollable

    UiScrollable是一个UiCollection(这东西还没搞懂),我们可以使用它,在可滑动的页面(水平滑动或上下滑动都可以)上查找我们想要的控件(item)
    2013-05-05
  • flutter实现appbar下选项卡切换

    flutter实现appbar下选项卡切换

    这篇文章主要为大家详细介绍了flutter实现appbar下选项卡切换,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-07-07
  • Android自定义Dialog内部透明、外部遮罩效果

    Android自定义Dialog内部透明、外部遮罩效果

    这篇文章主要为大家详细介绍了Android自定义Dialog内部透明、外部遮罩效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • android图片处理之让图片一直匀速旋转

    android图片处理之让图片一直匀速旋转

    让图片一直匀速旋,这篇文章主要介绍了android图片处理之让图片一直匀速旋转的相关资料,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • Android延迟实现的几种解决方法及原理分析

    Android延迟实现的几种解决方法及原理分析

    这篇文章主要给大家介绍了关于Android延迟实现的几种解决方法以及其中的原理分析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-12-12
  • Android RecyclerView区分视图类型的Divider的实现

    Android RecyclerView区分视图类型的Divider的实现

    本篇文章主要介绍了Android RecyclerView区分视图类型的Divider的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • 详解Android studio 3+版本apk安装失败问题

    详解Android studio 3+版本apk安装失败问题

    这篇文章主要介绍了详解Android studio 3+版本apk安装失败问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • Android简单实用的可拖拽GridView组件分享

    Android简单实用的可拖拽GridView组件分享

    在我们日常开发中,使用 GridView 这种网格视图的场合还是不少的,本篇我们来介绍一个支持拖拽的 GridView 组件,可以轻松搞定网格视图的拖拽排序,需要的可以参考一下
    2023-06-06
  • Android开发之CheckBox的简单使用与监听功能示例

    Android开发之CheckBox的简单使用与监听功能示例

    这篇文章主要介绍了Android开发之CheckBox的简单使用与监听功能,结合简单实例形式分析了Android使用CheckBox控件的布局与功能实现技巧,需要的朋友可以参考下
    2017-07-07

最新评论