android shape总结 和控制的风格定制

1:shape总结 

1):shape文件是放置在drawable文件下的。res/drawable/filename.xml.

2):shape类型:android:shape。

一共同拥有四种:rectangle。oval,line,ring。


3):corners标签:定义圆角。当且仅当控件类型位rectangle时才有作用。

android:radiuse位圆角的半径。

当然也能够单独为每一个圆角进行设置。


4):gradient标签:颜色渐变。

android:angle:颜色渐变的方向。0是从左到右;90度,是从下到上。

angle必须保证是45的倍数。


android:startColor,android:centerColor,android:endColor:分别为颜色的起始颜色。中间颜色和结束颜色。假设没有设置中间颜色,那么就从起始颜色渐变到结束颜色。否则回从起始颜色渐变到中间颜色,再从中间颜色渐变到结束颜色。

android:centerX。android:centerY:我认为这两个属性有存在的必要性的前提是要有 android:centerColor。原因是当我没有设置android:centerColor属性时,随意的改变这两个属性的值都不会改变控件的显示效果。这两个属性是渐变的中间位置。大小都是再0.0--1.0。

android:gradientRadius 渐变的半径大小。仅当渐变类型位radial的时候才有作用。


android:type 渐变的类型。有三种情况:linear,radial,sweep。

5):solid标签: 控件的颜色填充。

6):stroke标签:shape的线条。

android:width:线条的宽度。
android:color:线条的颜色。

android:dashWidth:线条的长度。当设置了该值时。将会显示位虚线。

除非你dashWidth设置的值非常大。那么看起来还是一条完整的线条。


android:dashGap:线条之间的距离。

仅仅在设置了dashWidth属性的情况下才会有效果。能够觉得是虚线之间的宽度。


7):padding标签:内边距。控件内容和控件四条边的距离。这里有点奇怪。等写完了控件样式定制再说吧。

2:控件样式定制


有时候android系统自带的控件类型看起来不是非常美观。有时我们须要自定义想要的样式效果。

此时就能够用到上面的shape drawable了。详细用法例如以下:

这里为一个button自己定义样式。

有一个默认button样式和一个button按下之后的样式。


首先定义两个shape文件:button_normal.xml和button_pressed.xml。

button_normal.xml:

<?xml version="1.0" encoding="utf-8"?

> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <corners android:radius="5dp"></corners> <solid android:color="#ff0000"/> <stroke android:width="1dp" android:color="#00ff00" android:dashWidth="2dp" android:dashGap="2dp"/> </shape>


button_pressed.xml

<?

xml version="1.0" encoding="utf-8"?

> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <corners android:radius="10dp" ></corners> <!-- <solid android:color="#ffffff" ></solid> --> <padding android:left="20dp" android:top="1dp" ></padding> <gradient android:startColor="#ffffff" android:endColor="#000000" android:angle="0" android:centerX="0.1" android:centerY="0.2" /> <stroke android:width="1dp" android:color="#00ff00" android:dashWidth="1000dp" android:dashGap="3dp" > </stroke> </shape>


眼下已经写好了两种样式文件了。

那么怎么推断是按下了的状态呢? 这里引入stateDrawable文件了。

它也是採用xml方式来定义的。在控件的不同状态能够用不同的样式来显示同一个控件。

比方:button有非常多种状态,按下状态,有焦点状态。和正常状态。


范例:button_style.xml

<?

xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android" > <item android:state_pressed="true" android:drawable="@drawable/button_pressed"></item> <item android:drawable="@drawable/button_normal"></item> </selector>


这个文件会从上到下一直匹配下来。直到找到了一个item满足控件眼下的状态。android:state_pressed 是button被按下状态。

以下一个item是默认样式,能够匹配不论什么一种状态。所以要放在最以下。否则其它全部的定义都不起作用。


最后一步:给button加入样式。

 <Button
        android:text="@string/button_style" 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/button_style"


这样就得到了button被按下和正常显示两种状态了。

还记得之前有说过padding非常奇怪吗?在button_normal.xml和button_pressed.xml两个文件里我仅仅定义了一个padding,可是无论在按钮处于哪种状态下。padding属性都会应用到button上。刚学习android。希望大神多多不吝赐教。



你可能感兴趣的:(android)