`
肖默it
  • 浏览: 24507 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

android:shape的使用

 
阅读更多

    在通常情况下,为"布局","控件"等view设置设置背景,渐变或者有一个特殊等效果都是采用图片和颜色, 但是图片可能会面临被拉伸的风险(也可以9.png来处理解决), 单纯使用颜色要是现实特殊效果难以实现。所以当你想为你的应用是现在炫丽的效果时间, shope是你当仁不让的选择。
下面总结一下Shape的所有子属性:
gradient   -- 对应颜色渐变。 startcolor、endcolor就不多说了。 android:angle 是指从哪个角度开始变。
solid      --  填充。
stroke   --  描边。
corners  --  圆角。


看下面的代码:
<shape>  
    <!-- 实心 -->  
    <solid android:color="#ff9d77"/>  
    <!-- 渐变 -->  
    <gradient  
        android:startColor="#ff8c00"  
        android:endColor="#FFFFFF"  
        android:angle="270" />  
    <!-- 描边 -->  
    <stroke  
        android:width="2dp"  
        android:color="#dcdcdc" />  
    <!-- 圆角 -->  
    <corners  
        android:radius="2dp" />  
    <padding  
        android:left="10dp"  
        android:top="10dp"  
        android:right="10dp"  
        android:bottom="10dp" />  
</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的背景,分别定义了按钮的一般状态、获得焦点状态和按下时的状态,具体代码如下:

main.xml:  
<Button  
    android:layout_width="wrap_content"  
    android:layout_height="wrap_content"  
    android:text="TestShapeButton"  
    android:background="@drawable/button_selector"  
    />  
> 


button_selector.xml:
<?xml version="1.0" encoding="utf-8"?>  
<selector  
    xmlns:android="http://schemas.android.com/apk/res/android">  
    <item android:state_pressed="true" >  
        <shape>  
            <!-- 渐变 -->  
            <gradient  
                android:startColor="#ff8c00"  
                android:endColor="#FFFFFF"  
                android:type="radial"  
                android:gradientRadius="50" />  
            <!-- 描边 -->  
            <stroke  
                android:width="2dp"  
                android:color="#dcdcdc"  
                android:dashWidth="5dp"  
                android:dashGap="3dp" />  
            <!-- 圆角 -->  
            <corners  
                android:radius="2dp" />  
            <padding  
                android:left="10dp"  
                android:top="10dp"  
                android:right="10dp"  
                android:bottom="10dp" />  
        </shape>  
    </item>  
    <item android:state_focused="true" >  
        <shape>  
            <gradient  
                android:startColor="#ffc2b7"  
                android:endColor="#ffc2b7"  
                android:angle="270" />  
            <stroke  
                android:width="2dp"  
                android:color="#dcdcdc" />  
            <corners  
                android:radius="2dp" />  
            <padding  
                android:left="10dp"  
                android:top="10dp"  
                android:right="10dp"  
                android:bottom="10dp" />  
        </shape>  
    </item>  
    <item>        
        <shape>  
            <solid android:color="#ff9d77"/>  
            <stroke  
                android:width="2dp"  
                android:color="#fad3cf" />  
            <corners  
                android:topRightRadius="5dp"  
                android:bottomLeftRadius="5dp"  
                android:topLeftRadius="0dp"  
                android:bottomRightRadius="0dp"  
            />  
            <padding  
                android:left="10dp"  
                android:top="10dp"  
                android:right="10dp"  
                android:bottom="10dp" />  
        </shape>  
    </item>  
</selector> 


这篇文章是自己的学习笔记,综合了一下两篇文章,感谢文章作者的辛勤付出!
http://dev.10086.cn/cmdn/wiki/index.php?doc-view-6087.html
http://blog.csdn.net/bill_corn/article/details/6870572
分享到:
评论

相关推荐

    Android中使用Shape自定义形状

    - **线**:使用`&lt;line&gt;`标签,指定`android:x1`、`android:y1`为起点,`android:x2`、`android:y2`为终点。 - **多边形**:使用`&lt;polygon&gt;`,通过`android:points`属性定义顶点坐标,例如`"0,0 100,0 50,100"`。 ...

    android shape的使用及渐变色、分割线、边框、半透明阴影

    Android Shape的使用及渐变色、分割线、边框、半透明阴影 Android Shape是一种在Android系统中使用的图形形状控件,可以用于创建各种形状的视图控件,例如矩形、椭圆、线条、圆环等。Shape控件可以使用xml文件来...

    Android shape 属性深入用法

    本篇文章将深入探讨Android Shape属性的使用方法,帮助开发者们更好地利用这一强大的功能。 首先,Shape元素是定义在`&lt;shape&gt;`标签内的,它有四个基本的子元素:`&lt;solid&gt;`, `&lt;stroke&gt;`, `&lt;corners&gt;`, 和 `&lt;padding&gt;...

    Android-shape标签的使用

    4. **路径(path)**:使用贝塞尔曲线绘制复杂形状,这需要对图形路径有一定的了解。 接下来,我们深入讲解一些常用的属性: - **颜色和渐变(color and gradient)**: - `android:color`:设置单一颜色。 - `...

    android Shape介绍

    本篇文章将深入探讨Android Shape的使用,包括它支持的四种基本图形以及三种渐变颜色类型,并通过实际的demo程序和文档来进一步阐述。 首先,我们来看Shape支持的四种基本图形: 1. **矩形(Rectangle)**:最基础...

    Android Studio属性学习(一)——shape属性

    在这里会讲解shape属性的各个元素,以及效果展示及使用 二、目标 shape 三、内容 1、首先创建一个shape.xml文件以及在布局文件中添加一个按钮用来展示添加属性后的样式 在shape中第一个可以添加的要素是android:...

    Android_shape

    在本文中,我们将深入探讨`shape`在Android中的使用方法,以及如何通过`shape`来实现丰富的UI设计。 `shape`元素通常在XML文件中定义,该文件被放置在项目的`res/drawable`目录下。一个基本的`shape`元素结构如下:...

    Android shape属性详解

    在Android开发中,Shape是XML绘图的一种基本元素,它允许开发者定义自定义的图形,如矩形、椭圆、线或梯形等,并应用于视图背景、按钮样式或者自定义视图等。Shape对象是Android图形绘制的核心部分,通过调整其属性...

    Android控件美化之Shape的使用

    1. **正常状态**:使用浅灰色的实心背景,并设置圆角。 2. **聚焦状态**:在正常状态下增加蓝色的边框。 3. **按下状态**:改变背景颜色为深灰色,并保留边框效果。 首先,我们需要创建一个名为`button_selector....

    android shape

    Android Shape 使用详解 Android 中的 Shape 是一个非常重要的概念,它用于定义控件的显示属性,如颜色、渐变、描边、圆角、间隔等。今天,我们将详细地介绍 Shape 的使用方法和相关知识点。 首先,看下面的代码:...

    android xml shape drawable

    6. 角度和圆角:使用`android:corners`属性,你可以设置矩形的圆角半径。`android:radius`定义所有角的圆角半径,或者使用`android:topLeftRadius`、`android:topRightRadius`等单独定义每个角。 例如: ```xml ...

    android中shape的使用

    以下是对Shape在Android中使用的详细讲解: 1. **Shape元素** Shape元素是所有形状的基础,它有四个主要的子元素:`&lt;rectangle&gt;`, `&lt;oval&gt;`, `&lt;line&gt;`, 和 `&lt;polygon&gt;`。它们分别代表矩形、圆形或椭圆、直线和...

    android shape样式

    这篇内容将深入探讨Android Shape的使用方法及其相关知识点。 首先,Shape元素是Android的Drawable类的一个子类,通常在res/drawable目录下的XML文件中定义。Shape的基本结构如下: ```xml &lt;shape xmlns:android=...

    android XML shape优化界面

    你可以创建不同的Shape资源文件,然后在代码中根据需要切换,或者使用`android:tint`属性为Shape设置颜色过滤器,实现颜色变化。 优化三:组合与复用 开发者可以通过组合多个Shape来创建更复杂的图形。例如,可以将...

    Android Shape实例

    以下是一个简单的示例,展示了如何创建一个带有圆角和渐变背景的矩形Shape: ```xml &lt;shape xmlns:android="http://schemas.android.com/apk/res/android"&gt; &lt;solid android:color="#FF0000" /&gt; &lt;!-- 单色背景 --&gt; ...

    Android中shape的使用

    Android 中 shape 的使用 Android 中的 shape 是一种定义控件显示属性的方式,通过使用 shape 可以实现控件的背景、边框、圆角、渐变等效果。今天,我们来详细讲解 shape 的使用规则和其在实际开发中的应用。 首先...

    Android之shape实现控件圆角、背景等

    `android:radius`属性用于设置所有角落的相同圆角半径,如果希望单独设置每个角落的圆角,可以使用`android:topLeftRadius`、`android:topRightRadius`、`android:bottomLeftRadius`和`android:bottomRightRadius`。...

    Android源码: 透明圆角Dialog

    android:shape="rectangle" &gt; &lt;solid android:color="#55000000"/&gt; android:angle="270" android:type="linear" android:endColor="#0000FF" android:startColor="#FFFFFF" /&gt; android:width="1.0px...

    Android-android-shape-imageview-图片圆角三角五角圆形多角

    3. **圆形图片**:要将图片转换为圆形,最简单的方法是使用`&lt;shape&gt;`标签的`&lt;solid&gt;`和`&lt;corners&gt;`属性,同时设置`android:radius`为图像宽度的一半。这样会得到一个完美的圆形ImageView。 4. **自定义多边形**:...

Global site tag (gtag.js) - Google Analytics