安卓shape_百变控件形状

谁践踏了优雅 2022-05-17 06:54 203阅读 0赞

很多时候，使用shape能够实现的效果，你用一张图片也能够实现，但问题是一张图片无论你怎么压缩，它都不可能比一个xml文件小，因此，为了获得一个高性能的手机App，我们在开发中应该遵循这样一个原则：能够用shape实现的效果尽量不使用图片来实现。

今天我们就一起来看看shape的使用。

首先，使用shape画的图形，这个xml文件的根节点是shape，如下：

**\[java\]**  [view plain][] [copy][view plain] [print][view plain] [?][view plain]

1.  <span style=“font-size:14px;”><shape xmlns:android=”http://schemas.android.com/apk/res/android”  
2.      android:shape=“rectangle|oval|line|ring” >  
3.  </span><pre name=“code” class=”java”><span style=”font-size:14px;”><shape</span>></pre>

shape取值有四种，可以是rectangle（长方形），oval（椭圆），line（线条），ring（圆环），如果设置的话默认是长方形，只有当我们要画的图形是ring的时候，下面这几个属性才会生效：

1.  android:innerRadius：内环的半径。
2.  android:innerRadiusRatio：内环的比例，比如这个值为2，那么内环的半径就为环半径除以2，如果设置了第一个属性，则这个属性不起作用。
3.  android:thickness：环的厚度。
4.  android:thicknessRatio：环的厚度比例，比如这个值为2，那么环的厚度就为环半径除以2，如果设置了第三个属性，则这个属性不起作用。
5.  android:useLevel：只有当我们的shape使用在LevelListDrawable中的时候，这个值为true，否则为false。

以上是shape节点，在shape节点中我们还可以定义其他的节点：

## 圆角： ##

**\[java\]**  [view plain][] [copy][view plain] [print][view plain] [?][view plain]

1.  <span style=“font-size:14px;”><corners   
2.      android:radius=“20dp”  
3.      android:topLeftRadius=“20dp”  
4.      android:topRightRadius=“20dp”  
5.      android:bottomLeftRadius=“0dp”  
6.      android:bottomRightRadius=“0dp”  
7.      /></span>

android:radius表示长方形四个角的半径，当然也可以每个角单独设定，后面单独设定的圆角半径会覆盖android:radius。

## 渐变： ##

**\[java\]**  [view plain][] [copy][view plain] [print][view plain] [?][view plain]

1.  <span style=“font-size:14px;”>    <gradient  
2.          android:angle=“90”  
3.          android:centerColor=“\#9ACD32”  
4.          android:endColor=“\#9AC0CD”  
5.          android:startColor=“\#9AFF9A”  
6.          android:type=“linear”  
7.          android:useLevel=“false” /></span>

1.  android:angle=”90”表示渐变的起始位置，这个值必须为45的倍数，包括0，0表示从左往右渐变，逆时针旋转，依次是45，90，135…..，90表示从下往上渐变，270表示从上往下渐变，剩下的大家依次去推理。
2.  android:startColor=”\#9AFF9A”，表示渐变的起始颜色
3.  android:centerColor=”\#9ACD32”表示渐变的过渡颜色
4.  android:endColor=”\#9AC0CD”表示渐变的结束颜色
5.  type表示渐变的类型，有三种，分别是linear（线性变化）,radial（辐射渐变）以及sweep（扫描渐变）
6.  当type为radial时，我们要设置android:gradientRadius=”“，这个表示渐变的半径（线性渐变和扫描渐变不需要设置）

##  ##

## 填充： ##

**\[java\]**  [view plain][] [copy][view plain] [print][view plain] [?][view plain]

1.  <span style=“font-size:14px;”><solid android:color=”\#ADFF2F” /></span>

这个比较简单，不多说。

## 描边： ##

**\[java\]**  [view plain][] [copy][view plain] [print][view plain] [?][view plain]

1.  <span style=“font-size:14px;color:\#000000;”><stroke   
2.      android:width=“1dp”  
3.      android:color=“\#FFFF00”  
4.      android:dashWidth=“15dp”  
5.      android:dashGap=“5dp”  
6.      /></span>

1.  android:dashWidth表示虚线的宽度
2.  android:dashGap表示虚线之间的间隔
3.  以上两个属性如果不设置则为实线

## 大小： ##

**\[java\]**  [view plain][] [copy][view plain] [print][view plain] [?][view plain]

1.    
    
2.  <span style=“font-size:14px;”><size   
3.      android:width=“1dp”  
4.      android:height=“1dp”  
5.      /></span>  
6.

这个表示该shape的大小，默认情况下，shape的大小与它所在的容器大小成正比。如果我们在ImageView中使用这个shape，那么可以通过android:scaleType=”center”属性来限制这种缩放。

当然，还有一种padding，这和我们在xml文件中用的一样，我这里就不多说了。

最后，基于以上几种特性，我做了以下几种效果供大家参考。

![Center][]

[示例效果代码下载https://github.com/lenve/shape][https_github.com_lenve_shape]

非常炫的效果

[view plain]: http://blog.csdn.net/u012702547/article/details/49422717
[Center]: /images/20220517/1532f77de0354f74a05b5aaae5ab9b90.png
[https_github.com_lenve_shape]: https://github.com/lenve/shape

发表评论取消回复

表情：

评论列表（有 0 条评论，203人围观）

还没有评论，来说两句吧...

相关阅读

相关安卓讲课笔记5.2——常用控件

一、继承关系图 EditText都是TextView的子类，用于接收用户输入的数据。课后大家可以去玩一玩EditText的子类AutoCompleteTextVie

太过爱你忘了你带给我的痛/ 2024年04月01日 15:32/ 0 赞/ 98 阅读

相关安卓中怎么用spinner控件

在 Android 中，可以使用 Spinner 控件来显示一个下拉列表。首先，在布局文件中添加 Spinner 控件： <Spinner and

骑猪看日落/ 2024年03月27日 12:23/ 0 赞/ 95 阅读

相关安卓内部Shape 内部有圆角的Shape

<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.androi

迷南。/ 2023年12月04日 07:46/ 0 赞/ 205 阅读

相关安卓星级控件

<pre name="code" class="html"> 1 效果展示，及目的。 ![Center][] 其实谷歌自带了官方的控件，但是不怎么好用，尤其

左手的ㄟ右手/ 2022年08月10日 06:19/ 0 赞/ 245 阅读

相关安卓Android控件ListView嵌套EditText控件

实现效果： ![Center][] 效果就是这样，我们要实现这样的效果，其实思路就是： 1、我们要记录下按钮的状态，同时保存文本框。 2、主要是在BaseAdap

傷城~/ 2022年08月05日 05:08/ 0 赞/ 333 阅读

相关安卓通知控件SnackBar解析

安卓常用的控件包括Toast和Dilalog。先介绍一下他们。 Dilalog Dialog的作用是给用户一个提示信息，并让用户根据提示做出判断。而Dialog的特征就

超、凢脫俗/ 2022年07月13日 07:22/ 0 赞/ 295 阅读

相关安卓自动滚动自定义控件

转载请注明出处：[http://blog.csdn.net/guolin\_blog/article/details/48719871][http_blog.csdn.net_

「爱情、让人受尽委屈。」/ 2022年06月08日 13:46/ 0 赞/ 277 阅读

相关实现安卓Spinner控件hint提示效果

效果图： ![70][] ![70 1][] 1.定义一个Spinner控件： > <Spinner > android:layout_widt

柔情只为你懂/ 2022年05月18日 02:42/ 0 赞/ 830 阅读

相关安卓shape_百变控件形状

很多时候，使用shape能够实现的效果，你用一张图片也能够实现，但问题是一张图片无论你怎么压缩，它都不可能比一个xml文件小，因此，为了获得一个高性能的手机App，我们在开发中

谁践踏了优雅/ 2022年05月17日 06:54/ 0 赞/ 204 阅读

相关安卓入门教程（十二）-控件

已经发表个人公众号控件，适配器，进度条等比如进度条，滚动视图等，总结可以自己设计一些简单的界面。 Adapter适配器是

红太狼/ 2021年09月14日 23:26/ 0 赞/ 574 阅读