欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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