Android UI效果之绘图篇(一)

2019-12-10 19:03:42于海丽
易采站长站为您分析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://www.easck.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>