Android設定選項開發及自定義Preference樣式

指尖的舞客發表於2014-10-13

一個完整的Android應用程式都應該提供選項(或者叫偏好設定等等)讓使用者對APP的表現形式能夠進行設定,比如說是否加入使用者體驗計劃,或者是否自動升級、定時提醒、開啟自啟動、後臺執行等等。提供一個好的設定項,會大大提升APP的使用者體驗。為了完成這樣的功能,你不必從頭開始寫Activity或者Fragment,因為Android已經提供了實現這個功能的API,並且會自動將使用者設定以鍵值對的形式存入SharedPreference(Android的四大儲存方式之一)中。在3.0以前的系統,使用PreferenceActivity,這個類在api level 11(即Android 3.0)以後的api中丟棄,改用PreferenceFragment。兩者的使用方式及函式呼叫大同小異,可以根據app的目標系統版本自己去衡量。本文主要說明兩個問題,層次較淺,重在總結和說明基本用法,懂的直接飄過吧。

1. 為APP新增設定選項

Android平臺上,為應用新增設定選項是個非常容易的事兒。這裡以PreferenceFragment為例進行演示,畢竟時代向前發展嘛。PreferenceFragment的父類是Fragment類,而Fragment物件必須嵌入到Activity中顯示出來。由此可以確定思路,為設定新建一個activity,然後將PreferenceFragment子類物件嵌入到其中,基本上就實現了選項設定,因為資料的儲存與更新自動進行。

思路非常簡單,還是貼下主要程式碼,順便整理下思路,幫助理解。

首先為設定選項設定新建一個Preference配置檔案,跟layout檔案也是XML檔案格式,層次化清晰,注意它儲存在res/xml下,而不是res/layout。系統也提供了一些比較常用了設定選項,比如PreferenceScreen,PreferenceCategory,CheckBoxPreference,EditTextPreferece,ListPreference等,如果需要你也可以很方便的實現自定義的Preference,下文將會介紹實現方法。現在新建一個Preference,命名settings.xml(更傳統的命名為preference.xml)。

<?xml version=”1.0″ encoding=”utf-8″?>
<PreferenceScreen xmlns:android=”http://schemas.android.com/apk/res/android”
xmlns:preference=”http://schemas.android.com/apk/res/com.test.mytest”
android:title=”設定” >

<PreferenceScreen
android:title=”關於” >
<Preference android:title=”意見反饋” >
</Preference>

<com.test.mytest.PreferenceWithTip
preference:tipstring=”>”
preference:titlestring=”自定義測試” >
<intent
android:action=”android.intent.action.VIEW”
android:data=”http://www.baidu.com” />
</com.test.mytest.PreferenceWithTip>

<Preference android:title=”常見問題” >
</Preference>
<Preference android:title=”檢查更新” >
</Preference>
<Preference android:title=”版權宣告” >
</Preference>

<SwitchPreference
android:key=”setting_test”
android:title=”測試一下” />
</PreferenceScreen>

</PreferenceScreen>

然後為設定選項新建一個Acitivity,因為此處PreferenceFragment子類寫的非常簡單,順便以內部類實現了。

public class SettingsActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.settings);
        setTitle("選項設定");
        getFragmentManager().beginTransaction().replace(R.id.settings_content, 
                new PrefsFragment()).commit();
    }

    public static class PrefsFragment extends PreferenceFragment{

        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            addPreferencesFromResource(R.xml.settings);
        }

    }

}

最後就差使用者點選你設計好的設定選項了,到了這裡你應該猜到了,開啟設定選項不過只是開啟一個Intent而已。基本流程就到這裡,但是一個需要獲得大使用者量應用的設定要比這個複雜得多,你可能還需要根據使用者的設定,立即對應用的表現做出調整,可能要實現onPreferenceTreeClick(PreferenceScreen  preferenceScreen,Preference prefence)。正如前文所述,剛接觸Preference,這裡僅僅總結基本用法。

2. 在設定選項中使用自定義的Preference

Preference類直接繼承於Object類。在上文的settings.xml中,定義好幾個Preference,Preference只提供簡單的文字顯示,而它的的子類CheckBoxPreference,SwitchPreference,EditTextPreference等則提供了較為複雜的UI展示,並可以儲存使用者的設定資料,一般來說,這些子類Preference對於應用程式更加重要。關於如果使用這些子類物件,其實很簡單,他們可以像UI控制元件在Layout中的用法類似的應用在Preference定義的xml檔案(上文定義的settings.xml)中,基本上使用了eclipse程式碼提示功能就可以使用,這些用法基礎但不是本文的說明重點。下面旨在介紹如何定義自己的Preference,先上圖看效果。

圖一 自定義Preference展示

圖一展示了Preference與自定義Preference樣式差別,你或許注意到第二項”自定義測試“與其他的Preference只有一個“>“符號的差別,其實這裡包含了自定義一個Preference的完整步驟。說道這裡,順便說下,其實自定義Preference與自定義控制元件的方法和套路幾乎一致。還是總結下基本步驟。

1) 定義屬性值 attr.xml

<?xml version=”1.0″ encoding=”utf-8″?>
<resources>
<declare-styleable name=”PreferenceWithTip”>
<attr name=”tipstring” format=”string”></attr>
<attr name=”titlestring” format=”string”></attr>
</declare-styleable>
</resources>

2) 設計自定義Preference的佈局 preferencewithtip.xml

<?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=”match_parent”
android:orientation=”horizontal”
android:paddingLeft=”8dp”
android:paddingRight=”15dp”
android:paddingTop=”20dp”
android:paddingBottom=”20dp”>
<TextView
android:id=”@+id/prefs_title”
android:layout_width=”0dp”
android:layout_height=”wrap_content”
android:layout_gravity=”left”
android:gravity=”left|center_vertical”
android:textSize=”18sp”
android:layout_weight=”1″/>
<TextView
android:id=”@+id/prefs_tip”
android:layout_width=”0dp”
android:layout_height=”wrap_content”
android:layout_gravity=”right”
android:gravity=”right|center_vertical”
android:textSize=”18sp”
android:layout_weight=”1″/>

</LinearLayout>

3) 繼承Preference,實現自己的Preference類 PreferenceWithTip

public class PreferenceWithTip extends Preference {
private static final String TAG = “PreferenceWithTip”;
String pTitle = null;
String tipstring = null;

@SuppressLint(“Recycle”)
public PreferenceWithTip(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
// 獲取自定義引數
Log.i(TAG,”PreferenceWithTip invoked”);
TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.PreferenceWithTip);
tipstring = ta.getString(R.styleable.PreferenceWithTip_tipstring);
pTitle = ta.getString(R.styleable.PreferenceWithTip_titlestring);
ta.recycle();
}

public PreferenceWithTip(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}

@Override
protected void onBindView(View view) {
super.onBindView(view);
TextView pTitleView = (TextView)view.findViewById(R.id.prefs_title);
pTitleView.setText(pTitle);
TextView pTipView = (TextView)view.findViewById(R.id.prefs_tip);
pTipView.setText(tipstring);
}

@Override
protected View onCreateView(ViewGroup parent) {
return LayoutInflater.from(getContext()).inflate(R.layout.preferencewithtip,
parent, false);
}

//如需更新、儲存資料則需要繼續編寫

}

4) 呼叫。呼叫程式碼在文章的開頭部分已經貼出,主要程式碼如下,preference是自定義的包名。

<com.ict.customview.PreferenceWithTip
preference:tipstring=”>”
preference:titlestring=”自定義測試” >
<intent
android:action=”android.intent.action.VIEW”
android:data=”http://www.baidu.com” />
</com.ict.customview.PreferenceWithTip>

總結一下Preference的使用還是比較簡單的,自定義Preference也比較方便。但是要設計出一個漂亮的、人性化的Preference還是不那麼容易,但這些都是提高使用者體驗的途徑,值得進一步挖掘。

相關文章