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.csdn.net/source/3469895

转自：http://blog.csdn.net/veryitman/article/details/6633970