自定義PreferenceActivity和PreferenceFragment的樣式

感謝：http://blog.csdn.net/luck_apple/article/details/7064004

這篇文章講的是如何定義fragment的樣式，基本布局都是從源碼中弄過來的。通過設置布局文件的屬性，讓我們可以自定義preference的界面。

先來看看xml文件中的內容

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

    <PreferenceCategory
        android:layout="@layout/prefs_category_widget"
        android:title="第一個模塊的標題" >

        <!-- 設置單選模塊 -->
        <CheckBoxPreference
            android:icon="@drawable/appstore"
            android:key="checkbox_preference"
            android:layout="@layout/preference_item"
            android:summary="整個布局都是自定義的，包括圖標、文字、點擊效果和單選按鈕"
            android:title="標題"
            android:widgetLayout="@layout/checkbox_preference_widget" />

        <MultiSelectListPreference
            android:layout="@layout/preference_item"
            android:entries="@array/floatColor"
            android:entryValues="@array/floatColor_value"
            android:key="multSelect_preference"
            android:summary="點擊可以選擇多個選項"
            android:title="多選列表" />

        <RingtonePreference
            android:layout="@layout/preference_item"
            android:key="ringtone_preference"
            android:summary="點擊選擇鈴聲"
            android:title="鈴聲選擇列表" />

        <SwitchPreference
            android:layout="@layout/preference_item"
            android:key="switch_preference"
            android:summaryOff="已關閉"
            android:summaryOn="已開啟"
            android:switchTextOff="close"
            android:switchTextOn="open"
            android:title="開關" />
    </PreferenceCategory>
    <PreferenceCategory
        android:layout="@layout/prefs_category_widget"
        android:title="第二個模塊的標題" >

        <!-- 設置輸入框模塊 -->
        <EditTextPreference
            android:layout="@layout/preference_item"
            android:dialogIcon="@drawable/itunes"
            android:dialogTitle="dialog_title_edittext_preference"
            android:key="edittext_preference"
            android:negativeButtonText="cancel"
            android:positiveButtonText="ok"
            android:title="文本輸入" />

        <!-- 選擇列表模塊 -->
        <ListPreference
            android:layout="@layout/preference_item"
            android:dialogTitle="dialog_title_list_preference"
            android:entries="@array/floatColor"
            android:entryValues="@array/floatColor_value"
            android:key="list_preference"
            android:summary="點擊后會彈出一個單選列表來選擇數據"
            android:title="列表選擇框" />
    </PreferenceCategory>

    <!-- 點擊后又啟動一個fragment -->
    <PreferenceCategory
        android:layout="@layout/prefs_category_widget">

        <!--
             This PreferenceScreen tag sends the user to a new fragment of
             preferences.  If running in a large screen, they can be embedded
             inside of the overall preferences UI.

        -->
        <PreferenceScreen
            android:layout="@layout/preference_item"
            android:fragment="com.kale.shared.MainActivity$Prefs1FragmentInner"
            android:summary="點擊后跳到另一個fragment_preference"
            android:title="另一個fragment_preference" >

            <!-- Arbitrary key/value pairs can be included for fragment arguments -->
            <extra
                android:name="someKey"
                android:value="somePrefValue" />
        </PreferenceScreen>

        <!--
             This PreferenceScreen tag sends the user to a completely different
             activity, switching out of the current preferences UI.

        -->
        <PreferenceScreen
            android:layout="@layout/preference_item"
            android:icon="@drawable/ic_launcher"
            android:summary="點擊后跳轉到 http://www.android.com"
            android:title="點擊觸發intent動作" >
            <intent
                android:action="android.intent.action.VIEW"
                android:data="http://www.android.com" />
        </PreferenceScreen>
    </PreferenceCategory>
    <PreferenceCategory
        android:layout="@layout/prefs_category_widget"
        android:title="第四個模塊的標題" >
        <CheckBoxPreference
            android:layout="@layout/preference_item"
            android:icon="@drawable/ic_launcher"
            android:key="parent_checkbox_preference"
            android:summary="點擊后才可以讓子控件可操作"
            android:title="父選擇控件"
            android:widgetLayout="@layout/checkbox_preference_widget" />

        <!-- The visual style of a child is defined by this styled theme attribute. -->
        <!-- 子控件關聯父控件，如果父控件選中后子控件才可用 -->
        <!--  android:layout="?android:attr/preferenceLayoutChild" -->
        <CheckBoxPreference
            android:dependency="parent_checkbox_preference"
            android:icon="@drawable/calculator"
            android:key="child_checkbox_preference"
            android:layout="@layout/preference_item"
            android:title="子控件（依托於父控件）"
            android:widgetLayout="@layout/checkbox_preference_widget" />
    </PreferenceCategory>

</PreferenceScreen>

 

這里面和傳統的內容設置都是一樣的，但是我通過

 

android:layout="@layout/prefs_category_widget"

 

android:layout="@layout/preference_item"

android:widgetLayout="@layout/checkbox_preference_widget" 

這三個屬性，讓我們可以通過布局文件來定義視圖

需要注意的是：這里面的id都是系統的，所以我們可以直接在原始的xml文件中設置屬性，這對於我們之前的操作無影響。只是換了布局而已。
prefs_category_widget

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="#ededed"
    android:orientation="vertical" >

    <!-- 這個id需要注意，要引用安卓源碼中的 -->
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:src="#dadada" />

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_marginBottom="13dp"
        android:src="#e2e2e2" />

    <TextView
        android:id="@android:id/title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingLeft="6dp"
        android:layout_marginBottom="2dp"
        android:textColor="#939393"
        android:textSize="14sp" />

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:src="#e9e9e9" />

</LinearLayout>

 

preference_item

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/selector_item"
    android:gravity="center_vertical"
    android:minHeight="?android:listPreferredItemHeight"
    android:orientation="horizontal" >

    <ImageView
        android:id="@android:id/icon"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="3dp"
        android:scaleType="fitStart"
        android:src="@drawable/appstore" />

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="4dp"
        android:layout_marginTop="4dp" >

        <TextView
            android:id="@android:id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:ellipsize="marquee"
            android:fadingEdge="horizontal"
            android:singleLine="true"
            android:text="title"
            android:textColor="#4d4d4d"
            android:textSize="18.0sp" />

        <TextView
            android:id="@android:id/summary"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="15dp"
            android:layout_toRightOf="@android:id/title"
            android:layout_toLeftOf="@android:id/widget_frame"
            android:maxLines="2"
            android:text="summary"
            android:textColor="#AAAAAA"
            android:textSize="14sp" />

        <LinearLayout
            android:id="@android:id/widget_frame"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_marginLeft="4dp"
            android:layout_centerVertical="true"
            android:gravity="center_vertical"
            android:orientation="vertical" >
        </LinearLayout>
    </RelativeLayout>

</LinearLayout>

checkbox_preference_widget

<?xml version="1.0" encoding="UTF-8"?>
<!-- 這里放上系統的id -->
<CheckBox xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/checkbox"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_vertical"
    android:button="@drawable/selector_checkbox"
    android:clickable="false"
    android:focusable="false" 

我的主代碼用的是android推薦的activity和fragment結合的方式來實現的

package com.kale.shared;

import java.util.List;

import android.content.SharedPreferences;
import android.os.Bundle;
import android.preference.PreferenceActivity;
import android.preference.PreferenceFragment;
import android.preference.PreferenceManager;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class MainActivity extends PreferenceActivity {

    SharedPreferences sp;
    SharedPreferences.Editor editor;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //設置背景圖，給activity設置后。所有fragment的背景都會改了，十分方便！
        getWindow().setBackgroundDrawable(getResources().getDrawable(R.drawable.bgColor));
        //setContentView(R.layout.activity_main); 這里就不能設置布局了
        
        sp = getSharedPreferences("kaleShared", MODE_PRIVATE);
        editor = sp.edit();
        editor.putString("KEY", "value");
        editor.commit();
        
        if (sp.contains("KEY")) {
            System.out.println("have a key");
        }

        ;
    }
    /**
     * Populate the activity with the top-level headers.
     */
    @Override
    public void onBuildHeaders(List<Header> target) {
        //下面我們從源碼的角度來自己搭建整個布局，所以我們設置布局。整個布局里面用一個list，id是默認的@android:id/list
        setContentView(R.layout.preference_hearders_frame);
        loadHeadersFromResource(R.xml.preference_headers, target);
    }
    
    public static class Prefs0Fragment extends PreferenceFragment {
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            // Load the preferences from an XML resource
            addPreferencesFromResource(R.xml.customer_preferences);
        }
        
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                Bundle savedInstanceState) {
            View v = inflater.inflate(R.layout.preference_hearders_frame, container, false);
            return v;
        }
    }
    
    /**
     * This fragment shows the preferences for the first header.
     */
    public static class Prefs1Fragment extends PreferenceFragment {
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            

            // Make sure default values are applied.  In a real app, you would
            // want this in a shared function that is used to retrieve the
            // SharedPreferences wherever they are needed.
            PreferenceManager.setDefaultValues(getActivity(),R.xml.fx_setting, false);

            // Load the preferences from an XML resource
            addPreferencesFromResource(R.xml.fragmented_preferences);
        }
    }

   /**
     * This fragment contains a second-level set of preference that you
     * can get to by tapping an item in the first preferences fragment.
     */
    /**
     * @author:Jack Tony
     * @tips  :在第一個fragment中點擊一個PreferenceScreen中的fragment對象啟動的fragment
     * @date  :2014-8-4
     */
    public static class Prefs1FragmentInner extends PreferenceFragment {
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);

            // Can retrieve arguments from preference XML.
            Log.i("args", "Arguments: " + getArguments());

            // Load the preferences from an XML resource
            addPreferencesFromResource(R.xml.fx_setting);
        }
    }

    /**
     * This fragment shows the preferences for the second header.
     */
    public static class Prefs2Fragment extends PreferenceFragment {
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);

            // Can retrieve arguments from headers XML.
            Log.i("args", "Arguments: " + getArguments());

            // Load the preferences from an XML resource
            addPreferencesFromResource(R.xml.display_prefs);
        }
    }
}

 

源碼下載：http://download.csdn.net/detail/shark0017/7717357