Android下基于XML的 Graphics(转载)
Android下基于XML的 Graphics
以前作图,一般有两种方式,首先是UI把图形设计好,我们直接贴,对于那些简单的图形,如矩形、扇形这样的图
形,一般的系统的API会提供这样的接口,但是在Android下,有第三种画图方式,介于二者之间,结合二者的长处,如
下的代码:?
Java 代码?
??? <item android:id="@android:id/secondaryProgress">?
??????? <clip>?
??????????
??????????? <shape>?
??????????????? <corners android:radius="5dip" />?
??????????????? <gradient?
??????????????????????? android:startColor="#0055ff88"?
??????????????????????? android:centerColor="#0055ff00"?
??????????????????????? android:centerY="0.75"?
??????????????????????? android:endColor="#00320077"?
??????????????????????? android:angle="270"?
??????????????? />?
??????????? </shape>?
??????? </clip>?
??? </item>?
这是一个Progress的style里面的代码,描述的是进度条的为达到的图形,原本以为这是一个图片,后来仔细的跟踪代码,
发现居然是 xml,像这种shape corners gradient等等这还是第一次碰到。shape 表示是一个图形,corners表示是有半径
为5像素的圆角,然后,gradient表示一个渐变。这样作图简单明了,并且可以做出要求很好的图形,并且节省资源
Java 代码?
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">?
?? <gradient android:startColor="#FFFF0000" android:endColor="#80FF00FF"?
??????????? android:angle="270"/>?
?? <padding android:left="50dp" android:top="20dp"?
??????????? android:right="7dp" android:bottom="7dp" />?
?? <corners android:radius="8dp" />?
</shape>
gradient 产生颜色渐变 android:angle 从哪个角度开始变 貌似只有90的整数倍可以?
android:shape="rectangle" 默认的也是长方形
Java 代码?
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">?
?? <solid android:color="#ff4100ff"/>?
?? <stroke android:width="2dp" android:color="#ee31ff5e"?
??????????? android:dashWidth="3dp" android:dashGap="2dp" />?
?? <padding android:left="7dp" android:top="7dp"?
??????????? android:right="7dp" android:bottom="7dp" />?
?? <corners android:radius="6dp" />?
</shape>?
#ff4100ff蓝色#ff4100ff绿色?
<solid android:color="#ff4100ff"/>实心的 填充里面?
<stroke 描边 采用那样的方式将外形轮廓线画出来?
android:dashWidth="3dp" android:dashGap="2dp" 默认值为0?
android:width="2dp" android:color="#FF00ff00"笔的粗细,?
android:dashWidth="5dp" android:dashGap="5dp" 实现- - -这样的效果,dashWidth指的是一条小横线的宽度?
dashGap 指的是 小横线与小横线的间距。 width="2dp" 不能太宽?
shape等特殊xml
1.用 shape 作为背景?
<shape xmlns:android="http://schemas.android.com/apk/res/android">?
?? <solid android:color="#f0600000"/>?
?? <stroke android:width="3dp" color="#ffff8080"/>?
?? <corners android:radius="3dp" />?
?? <padding android:left="10dp" android:top="10dp"?
??? android:right="10dp" android:bottom="10dp" />?
</shape>?
一定要注意solid android:color="#f0600000" 是背景色 要用8位 最好不要完全透明不然没有效果啊 这句话本来就不
是背景色 的意思
2.类似多选的效果:?
(1) listView.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);
listView.setItemsCanFocus(false);?
(2) define list item?
CheckedTextView xmlns:android="http://schemas.android.com/apk/res/android"?
?? android:orientation="vertical"?
?? android:layout_width="fill_parent"?
?? android:layout_height="?android:attr/listPreferredItemHeight"?
?? android:textAppearance="?android:attr/textAppearanceLarge"?
?? android:gravity="center_vertical"?
?? android:paddingLeft="6dip"?
?? android:paddingRight="6dip"?
?? android:checkMark="?android:attr/listChoiceIndicatorMultiple"?
?? android:background="@drawable/txt_view_bg"/>?
(3) define drawable txt_view_bg.xml <item android:drawable="@drawable/selected" android:state_checked="true" /> <item android:drawable="@drawable/not_selected" />
3.?
<LinearLayout??? android:layout_width ="100dp"??? android:layout_height="wrap_content" />?
LinearLayour ll = new LinearLayout(this);parentView.addView(ll, new LinearLayout.LayoutParams(100, LayoutParams.WRAP_CONTENT));
4. 当设置?? TextView setEnabled(false)时 背景颜色你如果用#ffff之类的话可能不会显示 你最好使用 android:textColor这个属性而不是使用color。?
<TextView??? android:text="whatever text you want"??? android:layout_width="wrap_content"??? android:layout_height="wrap_content"??? android:textColor="@color/example" />
res/color/example.xml):
<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">??? <item android:state_enabled="false" android:color="@color/disabled_color" />??? <item android:color="@color/normal_color"/></selector>
http://developer.android.com/intl/zh-CN/reference/android/content/res/ColorStateList.html
5.?
http://android.amberfog.com/?p=9?
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">?
?? <item>?
????? <shape>?
???????? <solid android:color="#FFF8F8F8" />?
????? </shape>?
?? </item>?
?? <item android:top="23px">?
????? <shape>?
???????? <solid android:color="#FFE7E7E8" />?
????? </shape>?
?? </item>?
</layer-list>?
You can simple combine several drawables into one using <layer-list> tag.?
note: Unfortenately you cannot resize drawables in layer-list. You can only move it.
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">?? <item android:drawable="@drawable/shape_below"/>?? <item android:top="10px" android:right="10px" android:drawable="@drawable/shape_cover"/></layer-list>
include?
You can put similar layout elements into separate XML and use <include> tag to use it.?
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"?
??? android:layout_width="fill_parent"?
??? android:layout_height="64dip"?
??? android:gravity="center_vertical"?
??? android:ignoreGravity="@+id/icon">
??? <include layout="@layout/track_list_item_common" />;
</RelativeLayout>
track_list_item_common.xml?
<merge xmlns:android="http://schemas.android.com/apk/res/android">
??? <ImageView android:id="@+id/icon"?
??????? android:layout_alignParentLeft="true"?
??????? android:layout_centerVertical="true"?
??????? android:layout_marginLeft="4dip"?
??????? android:layout_width="60px"?
??????? android:layout_height="60px"/>?
...?
</merge>