精仿QQ设置界面（自定义PreferenceActivity）

创新源于模仿！
前段时间给大家分享了UC半透明菜单的实现
原帖链接如下：

高仿UC半透明MENU菜单（有图有真相）
http://www.eoeandroid.com/forum. ... &fromuid=485185

今天，再给大家分享一下QQ设置界面的UI布局实现，不罗嗦，直接上图

设置主界面

2011-11-19 22:49:20 上传

下载附件 (109.08 KB)

皮肤设置界面

2011-11-19 22:49:43 上传

下载附件 (201.41 KB)

流量统计界面

2011-11-19 22:49:51 上传

下载附件 (97.37 KB)

好友设置界面（其实这个不在设置界面里，工程里有该ACTIVITY，就在最后加上了）

2011-11-19 22:50:01 上传

下载附件 (99.56 KB)

在开发应用程序的过程中我们有很大的机会需要用到参数设置功能
那么在Android应用中，我们如何实现参数设置界面及参数存储呢
答案是使用PreferenceActivity，相信大家并不陌生
只不过系统自带的样式黑布隆冬的，看起来很不美观，难登大雅之堂
只要我们稍加修饰，便可扭转乾坤，化别扭为和谐

主要是在MainFeast配置文件里给ACTIVITY加上自定义的样式

1. 
   
2.         <activity android:name=".SettingActivity"
   
3.                   android:label="设置与帮助"
   
4.                   android:theme="@style/Default"
   
5.                   android:configChanges="keyboardHidden|orientation" >
   
6.             <intent-filter>
   
7.                 <action android:name="android.intent.action.MAIN" />
   
8.                 <category android:name="android.intent.category.LAUNCHER" />
   
9.             </intent-filter>
   
10.         </activity>

复制代码

且看 Style.xml配置文件

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <resources>
   
3. 
   
4.         <style name="CustomWindowTitleBackground">
   
5.         <item name="android:background">@drawable/skinpic_green</item>
   
6.     </style>
   
7.    
   
8.      <style name="CustomWindowTitleText" >  
   
9.           <item name="android:textSize">20dip</item>  
   
10.           <item name="android:textColor">#FFffffff</item>  
    
11.           <item name="android:paddingLeft">10dp</item>
    
12.      </style>
    
13.    
    
14.    
    
15.     <style name="customCheckBox" parent="@android:style/Widget.CompoundButton.CheckBox">
    
16.         <item name="android:button">@drawable/selector_checkbox</item>
    
17.     </style>
    
18.    
    
19.    
    
20.     <style name="customListView" parent="@android:style/Widget.ListView">
    
21.         <item name="android:scrollbarSize">10.0dip</item>
    
22.         <item name="android:scrollbarThumbVertical">@drawable/scrollbar_handle_vertical</item>
    
23.         <item name="android:listSelector">@drawable/selector_list</item>
    
24.         <item name="android:cacheColorHint">#00000000</item>
    
25.     </style>
    
26.    
    
27. 
    
28.    
    
29.     <style name="Default.NoTitleBar" parent="@android:style/Theme.Light.NoTitleBar">
    
30.                 <item name="android:textColorPrimaryInverse">@android:color/black</item>          
    
31.         <item name="android:windowBackground">@color/window_bg</item>
    
32.         <item name="android:windowContentOverlay">@null</item>
    
33.         <item name="android:windowTitleSize">42.0dip</item>
    
34.         <item name="android:windowTitleStyle">@style/CustomWindowTitleText</item>
    
35.         <item name="android:windowTitleBackgroundStyle">@style/CustomWindowTitleBackground</item>
    
36.         <item name="android:checkboxStyle">@style/customCheckBox</item>
    
37.         <item name="android:listViewStyle">@style/customListView</item>
    
38.         
    
39.     </style>
    
40.    
    
41.    
    
42.     <style name="Default" parent="@style/Default.NoTitleBar">
    
43.         <item name="android:windowNoTitle">false</item>
    
44.     </style>
    
45.    
    
46.    
    
47. </resources>

复制代码

本例只用到了CheckBox和ListView，如果大家的设置界面有用到其它控件
如editText，radioButton之类的，只需依葫芦画瓢，加上editTextStyle，radioButtonStyle即可
如需自定义Preference布局，则需派生一个Preference子类，并配置相关XML布局文件
详情请见：http://blog.youkuaiyun.com/aomandeshangxiao/article/details/6659346
在此就不多言了

像好友资料这样的UI布局还是很常见的，很多人可能不知道怎么实现
主要是采用了线形布局，一个白框是个linearlayout，白框内一行行的同样是linearlayout
分割线则是采用了shape的配置布局
类似

1. <?xml version="1.0" encoding="UTF-8"?>
   
2. <shape android:shape="rectangle"
   
3.   xmlns:android="http://schemas.android.com/apk/res/android">
   
4.     <solid android:color="#ffe0e0e0" />
   
5. </shape>

复制代码

当然类似布局的实现未必都是如此，这里只是给大家提供一个思路

好了其它的也不多说了，自己下工程看吧

源代码下载地址：http://www.eoeandroid.com/thread-116148-1-4.html