android 基础知识之shape 标签

骑猪看日落 2023-10-16 20:43 15阅读 0赞

Android中常常使用shape来定义控件的一些显示属性，今天看了一些shape的使用，对shape有了大体的了解，稍作总结：

先看以下代码：

简单解释：

solid：实心，就是填充的意思  
android:color指定填充的颜色  
  
gradient：渐变  
android:startColor和android:endColor分别为起始和结束颜色，ndroid:angle是渐变角度，必须为45的整数倍。  
另外渐变默认的模式为android:type="linear"，即线性渐变，可以指定渐变为径向渐变，android:type="radial"，径向渐变需要指定半径android:gradientRadius="50"。  
  
stroke：描边  
android:width="2dp" 描边的宽度，android:color 描边的颜色。  
我们还可以把描边弄成虚线的形式，设置方式为：  
android:dashWidth="5dp"  
android:dashGap="3dp"  
其中android:dashWidth表示'-'这样一个横线的宽度，android:dashGap表示之间隔开的距离。  
  
corners：圆角  
android:radius为角的弧度，值越大角越圆。  
我们还可以把四个角设定成不同的角度，方法为：  
<corners  
android:topRightRadius="20dp" 右上角  
android:bottomLeftRadius="20dp" 右下角  
android:topLeftRadius="1dp" 左上角  
android:bottomRightRadius="0dp" 左下角  
/>  
这里有个地方需要注意，bottomLeftRadius是右下角，而不是左下角，这个有点郁闷，不过不影响使用，记得别搞错了就行。  
还有网上看到有人说设置成0dp无效，不过我在测试中发现是可以的，我用的是2.2，可能修复了这个问题吧，如果无效的话那就只能设成1dp了。  
  
padding：间隔  
这个就不用多说了，XML布局文件中经常用到。

示列代码：用在Selector中作为Button的背景，分别定义了按钮的一般状态、获得焦点状态和按下时的状态，具体代码如下

布局文件：

自定义样式文件：

<?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
    
        
        <item android:state_pressed="true"><shape>
    
                
                
                
                
                
                <solid android:color="#0097fe" />
                
                <corners android:radius="10dp" />
    
                <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
            </shape></item>
        
        <item android:state_focused="true"><shape>
    
                
                
                <solid android:color="#0097fe" />
    
                <corners android:radius="10dp" />
    
                <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
            </shape></item>
        
        <item>
            <shape>
            
    		<solid android:color="#989b9b" />
    
    		<corners android:radius="10dp" />
    
    		<padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
    		</shape>
        </item>
    
    </selector>

效果截图：

![Center][]

[Center]: https://img-blog.csdn.net/20141204141718359?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhvdXpoaXdlbmdhbmc=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center