Android手機衛士（十）：home界面布局

　　本文實現當從splash界面進入home界面的時候，產生一種漸進淡入的動畫效果，在onCreate中調用一個方法initAnimation()，代碼如下：

1. /** 
2.  * 添加淡入的動畫效果 
3.  */  
4. private void initAnimation() {  
5.     AlphaAnimation alphaAnimation = new AlphaAnimation(0, 1);  
6.     alphaAnimation.setDuration(3000);  
7.     rl_root.startAnimation(alphaAnimation);  
8. }  

　　其中rl_root在類中定義

　　private RelativeLayout rl_root;

　　其中rl_root為splash界面相對布局的id：android:id="@+id/rl_root"

　　於是在初始化UI方法中添加相應的代碼

1. /** 
2.  * 初始化UI方法 alt+shift+j 
3.  */  
4. private void initUI() {  
5.     tv_version_name = (TextView) findViewById(R.id.tv_version_name);  
6.     rl_root = (RelativeLayout) findViewById(R.id.rl_root);  
7. }  

　　這樣就實現了splash界面的淡入效果

　　接下來逐步實現home界面，首先實現的是標題欄，效果如下：

　　代碼如下：

1. <TextView  
2.       android:text="功能列表"  
3.       android:gravity="center"  
4.       android:textSize="20sp"  
5.       android:textColor="#000"  
6.       android:padding="10dp"  
7.       android:background="#0f0"  
8.       android:layout_width="match_parent"  
9.       android:layout_height="wrap_content" />  

　　但是由於標題欄的樣式很常用，所有將其寫成樣式封裝便於以後直接調用，於是在style.xml文件中添加下面的代碼：

1. <style name="TitleStyle">  
2.     <item name="android:gravity">center</item>  
3.     <item name="android:textSize">20sp</item>  
4.     <item name="android:textColor">#000</item>  
5.     <item name="android:padding">10dp</item>  
6.     <item name="android:background">#0f0</item>  
7.     <item name="android:layout_width">match_parent</item>  
8.     <item name="android:layout_height">wrap_content</item>  
9. </style>  

　　這樣在activity_home.xml中只需要進行簡單的調用：

1. <TextView  
2.     android:text="功能列表"  
3.     style="@style/TitleStyle" />