UI效果(2): shape

android中的控件不是很多，布局也很少。但是这些东西很灵活，所以想设计好的界面还是需要一定的功底的。

本篇博客，您可以了解到：

<1> 自定义 Toast

<2> Button特殊效果

在sdk的api中，相信你可以找到名为Shape Drawable的这样一篇文章，位置：

如果，你想更加理解掌握这篇博客，建议好好地、仔细地看看这篇Shape Drawable文章。

秀一下效果图，呵呵！

启动应用时候，第一次出现效果：

让该Button获得焦点，效果：

还有，就是按下Button会改变其颜色（红色）并弹出Toast：

如果，你是一个细心的人就会发现Toast与以往显示的位置不一样，呵呵。代码如下：

findViewById(R.id.btn_change).setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { Toast toast = Toast.makeText(DroidButtonActivity.this, "changed", Toast.LENGTH_LONG); toast.setGravity(Gravity.CENTER, 0, 0); toast.show(); } });这里面实现Button特殊效果需要selector，一个很cool的xml文件，在/res/drawable下面：

那么，看看该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="#bb0000" android:endColor="#cc0000" android:angle="270" /> <stroke android:width="3dp" android:color="#aa0000" /> <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="#00aa00" android:endColor="#00bb00" android:angle="270" /> <stroke android:width="2dp" android:color="#00cc00" /> <corners android:radius="2dp" /> <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" /> </shape> </item> <item> <shape> <gradient android:startColor="#0000bb" android:endColor="#0000cc" android:angle="270" /> <stroke android:width="2dp" android:color="#0000aa" /> <corners android:radius="2dp" /> <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" /> </shape> </item> </selector>关于各个参数的意思，看上面的sdk文档。在main.xml文件中，我们就可以来使用该xml文件喽！

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" /> <Button android:id="@+id/btn_change" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="10dip" android:text="change" android:background="@drawable/an_button"/> </LinearLayout> 注意：Button设置selector使用标签是background，不是src（区别于ImageButton）。

完整代码下载：http://download.youkuaiyun.com/source/3469895