Android UI設(shè)計中的三種特效

一、背景色漸變

背景色漸變可以通過在res/drawable中定義一個XML文件實現(xiàn)，gradient.xml的代碼如下：

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

<shape xmlns:android="http://schemas.android.com/apk/res/android">  

    <gradient   

    android:startColor="#FFFFFF"  

    android:endColor="#000000"  

    android:angle="45"/>  

</shape>  

<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android">    <gradient android:startColor="#FFFFFF" android:endColor="#000000" android:angle="45"/> </shape>

其中，shape是用來定義形狀的，gradient定義該形狀里面為漸變色填充，startColor起始顏色，endColor結(jié)束顏色，angle表示方向角度。當(dāng)angle=0時，漸變色是從左向右。 然后逆時針方向轉(zhuǎn)，當(dāng)angle=45時為從左下到右上，當(dāng)angle=90時為從下往上。

然后，設(shè)置Activity的背景為：android:background="@drawable/gradient"，這樣即可實現(xiàn)背景色漸變效果，效果圖如下：

二、標(biāo)題欄進度條

在后臺線程中執(zhí)行各種操作（網(wǎng)絡(luò)連接、大數(shù)據(jù)存儲）的時候，我們希望讓客戶能看到后臺有操作在進行，那么既能有效的提示用戶，又不占用當(dāng)前操作空間，最好的方法就是在標(biāo)題欄有個進度條。實現(xiàn)的方法很簡單，代碼如下：

public void onCreate(Bundle savedInstanceState) {  

    super.onCreate(savedInstanceState);  

     // 先給Activity注冊界面進度條功能     

     requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);  

     setContentView(R.layout.main);  

     // 在需要顯示進度條的時候調(diào)用這個方法  

     setProgressBarIndeterminateVisibility(true);  

     // 在不需要顯示進度條的時候調(diào)用這個方法  

     //setProgressBarIndeterminateVisibility(false);  

     setContentView(R.layout.main);  

}  

public void onCreate(Bundle savedInstanceState) {     super.onCreate(savedInstanceState);     // 先給Activity注冊界面進度條功能       requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);     setContentView(R.layout.main);     // 在需要顯示進度條的時候調(diào)用這個方法     setProgressBarIndeterminateVisibility(true);     // 在不需要顯示進度條的時候調(diào)用這個方法     //setProgressBarIndeterminateVisibility(false);     setContentView(R.layout.main);    }

效果圖如下（注意圖中紅線標(biāo)注的地方）：

三、界面邊框圓角

界面邊框圓角的實現(xiàn)方式同樣是在res/drawable中定義一個XML文件，corners.xml的代碼如下：

1. <?xml version="1.0" encoding="utf-8"?>  

2. <shape xmlns:android="http://schemas.android.com/apk/res/android">    

3.     <solid android:color="#FF9900" />    

4.     <corners android:topLeftRadius="10dp"   

5.         android:topRightRadius="10dp"    

6.         android:bottomRightRadius="10dp"   

7.         android:bottomLeftRadius="10dp"/>    

8. </shape>  

<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android">      <solid android:color="#FF9900" />      <corners android:topLeftRadius="10dp"     android:topRightRadius="10dp"          android:bottomRightRadius="10dp"        android:bottomLeftRadius="10dp"/>   </shape>

其中，solid的表示填充顏色，而corners則是表示圓角，注意的是這里bottomRightRadius是左下角而不是右下角，bottomLeftRadius右下角。

然后，在Activity中設(shè)置背景為上面的xml，android:background="@drawable/corners"，這樣即可實現(xiàn)邊框圓角。效果如下：