自定义PreferenceActivity——修改Preference样式、加顶部布局

首先在res/xml文件夹下建立preferences.xml

01	<?xmlversion="1.0"encoding="utf-8"?>

02	<PreferenceScreenxmlns:android="http://schemas.android.com/apk/res/android">

03

04	<PreferenceCategoryandroid:title="inline_preferences">

05

06	<CheckBoxPreference

07	android:key="checkbox_preference"

08	android:summary="summary_toggle_preference"

09	android:title="title_toggle_preference"/>

10	</PreferenceCategory>

11

12	<PreferenceCategoryandroid:title="dialog_based_preferences">

13

14	<EditTextPreference

15	android:dialogTitle="dialog_title_edittext_preference"

16	android:key="edittext_preference"

17	android:summary="summary_edittext_preference"

18	android:title="title_edittext_preference"/>

19

20	<ListPreference

21	android:dialogTitle="dialog_title_list_preference"

22	android:entries="@array/entries_list_preference"

23	android:entryValues="@array/entryvalues_list_preference"

24	android:key="list_preference"

25	android:summary="summary_list_preference"

26	android:title="title_list_preference"/>

27	</PreferenceCategory>

28

29	<PreferenceCategoryandroid:title="launch_preferences">

30

31	<PreferenceScreen

32	android:key="screen_preference"

33	android:summary="summary_screen_preference"

34	android:title="title_screen_preference">

35

36	<CheckBoxPreference

37	android:key="next_screen_checkbox_preference"

38	android:summary="summary_next_screen_toggle_preference"

39	android:title="title_next_screen_toggle_preference"/>

40	</PreferenceScreen>

41

42	<PreferenceScreen

43	android:summary="summary_intent_preference"

44	android:title="title_intent_preference">

45

46

<intent

47	android:action="android.intent.action.VIEW"

48	android:data="http://www.android.com"/>

49	</PreferenceScreen>

50	</PreferenceCategory>

51

52	<PreferenceCategoryandroid:title="preference_attributes">

53

54	<CheckBoxPreference

55	android:key="parent_checkbox_preference"

56	android:summary="summary_parent_preference"

57	android:title="title_parent_preference"/>

58

59	<CheckBoxPreference

60	android:dependency="parent_checkbox_preference"

61	android:key="child_checkbox_preference"

62	android:layout="?android:attr/preferenceLayoutChild"

63	android:summary="summary_child_preference"

64	android:title="title_child_preference"/>

65	</PreferenceCategory>

66

67	</PreferenceScreen>

然后在代码中加载preferences.xml

1	publicclassMyPreferenceActivityextendsPreferenceActivity {

2	/** Called when the activity is first created. */

3

@Override

4	publicvoidonCreate(Bundle savedInstanceState) {

5	super.onCreate(savedInstanceState);

6	addPreferencesFromResource(R.xml.preferences);

7

}

8

}

这样就创建了从xml加载preferences的默认的PreferenceActivity。

在加载了preferences.xml的PreferenceActivity中，a top-levelpreference是一个PreferenceScreen，可用getPreferenceScreen()获取。PreferenceScreen和PreferenceCategory继承自PreferenceGroup，它们可以包含一个或多个PreferenceScreen，PreferenceCategory或者是具体的preference（如EditTextPreference、CheckBoxPreference）。由于PreferenceScreen，PreferenceCategory，EditTextPreference等都是继承自Preference，因此可以通过setLayoutResource()方法设置自己的布局样式。下面将遍历所有Preference，并设置自己的样式，代码如下：

01	privatevoidsetLayoutResource(Preference preference) {

02	if(preferenceinstanceofPreferenceScreen) {

03	PreferenceScreen ps = (PreferenceScreen) preference;

04	ps.setLayoutResource(R.layout.preference_screen);

05	intcnt = ps.getPreferenceCount();

06	for(inti =0; i < cnt; ++i) {

07	Preference p = ps.getPreference(i);

08	setLayoutResource(p);

09

}

10	}elseif(preferenceinstanceofPreferenceCategory) {

11	PreferenceCategory pc = (PreferenceCategory) preference;

12	pc.setLayoutResource(R.layout.preference_category);

13	intcnt = pc.getPreferenceCount();

14	for(inti =0; i < cnt; ++i) {

15	Preference p = pc.getPreference(i);

16	setLayoutResource(p);

17

}

18

}else{

19	preference.setLayoutResource(R.layout.preference);

20

}

21

}

1	PreferenceScreen preferenceScreen = getPreferenceScreen();

2	setLayoutResource(preferenceScreen);

preference_screen.xml

01	<?xmlversion="1.0"encoding="utf-8"?>

02	<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

03	android:layout_width="match_parent"

04	android:layout_height="wrap_content"

05	android:gravity="center_vertical"

06	android:minHeight="?android:attr/listPreferredItemHeight"

07	android:paddingRight="?android:attr/scrollbarSize">

08

09	<ImageView

10	android:id="@+android:id/icon"

11	android:layout_width="wrap_content"

12	android:layout_height="wrap_content"

13	android:layout_gravity="center"

14	android:src="@drawable/ic_launcher"/>

15

16	<RelativeLayout

17	android:layout_width="wrap_content"

18	android:layout_height="wrap_content"

19	android:layout_marginBottom="6dip"

20	android:layout_marginLeft="15dip"

21	android:layout_marginRight="6dip"

22	android:layout_marginTop="6dip"

23	android:layout_weight="1">

24

25

<TextView

26	android:id="@+android:id/title"

27	android:layout_width="wrap_content"

28	android:layout_height="wrap_content"

29	android:ellipsize="marquee"

30	android:fadingEdge="horizontal"

31	android:singleLine="true"

32	android:textAppearance="@android:style/TextAppearance.Large"

33	android:textColor="#FFFF1234"

34

/>

35

36

<TextView

37	android:id="@+android:id/summary"

38	android:layout_width="wrap_content"

39	android:layout_height="wrap_content"

40	android:layout_alignLeft="@android:id/title"

41	android:layout_below="@android:id/title"

42	android:maxLines="4"

43	android:textAppearance="@android:style/TextAppearance.Small"

44	android:textColor="#FF888888"/>

45	</RelativeLayout>

46

47	<LinearLayout

48	android:id="@+android:id/widget_frame"

49	android:layout_width="wrap_content"

50	android:layout_height="match_parent"

51	android:gravity="center_vertical"

52	android:orientation="vertical"/>

53

54	</LinearLayout>

preference_category.xml

01	<?xmlversion="1.0"encoding="utf-8"?>

02	<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

03	android:layout_width="match_parent"

04	android:layout_height="wrap_content"

05	android:background="#FF123456"

06	android:gravity="center_vertical"

07	android:minHeight="?android:attr/listPreferredItemHeight"

08	android:paddingRight="?android:attr/scrollbarSize">

09

10	<ImageView

11	android:id="@+android:id/icon"

12	android:layout_width="wrap_content"

13	android:layout_height="wrap_content"

14	android:layout_gravity="center"

15	android:src="@drawable/ic_launcher"/>

16

17	<RelativeLayout

18	android:layout_width="wrap_content"

19	android:layout_height="wrap_content"

20	android:layout_marginBottom="6dip"

21	android:layout_marginLeft="15dip"

22	android:layout_marginRight="6dip"

23	android:layout_marginTop="6dip"

24	android:layout_weight="1">

25

26

<TextView

27	android:id="@+android:id/title"

28	android:layout_width="wrap_content"

29	android:layout_height="wrap_content"

30	android:ellipsize="marquee"

31	android:fadingEdge="horizontal"

32	android:singleLine="true"

33	android:textAppearance="@android:style/TextAppearance.Large"

34	android:textColor="#FFFF0000"/>

35

36

<TextView

37	android:id="@+android:id/summary"

38	android:layout_width="wrap_content"

39	android:layout_height="wrap_content"

40	android:layout_alignLeft="@android:id/title"

41	android:layout_below="@android:id/title"

42	android:maxLines="4"

43	android:textAppearance="@android:style/TextAppearance.Small"

44	android:textColor="#FF00FF00"/>

45	</RelativeLayout>

46

47	<LinearLayout

48	android:id="@+android:id/widget_frame"

49	android:layout_width="wrap_content"

50	android:layout_height="match_parent"

51	android:gravity="center_vertical"

52	android:orientation="vertical"/>

53

54	</LinearLayout>

preference.xml

01	<?xmlversion="1.0"encoding="utf-8"?>

02	<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

03	android:layout_width="match_parent"

04	android:layout_height="wrap_content"

05	android:gravity="center_vertical"

06	android:minHeight="?android:attr/listPreferredItemHeight"

07	android:paddingRight="?android:attr/scrollbarSize">

08

09	<ImageView

10	android:id="@+android:id/icon"

11	android:layout_width="wrap_content"

12	android:layout_height="wrap_content"

13	android:layout_gravity="center"/>

14

15	<RelativeLayout

16	android:layout_width="wrap_content"

17	android:layout_height="wrap_content"

18	android:layout_marginBottom="6dip"

19	android:layout_marginLeft="15dip"

20	android:layout_marginRight="6dip"

21	android:layout_marginTop="6dip"

22	android:layout_weight="1">

23

24

<TextView

25	android:id="@+android:id/title"

26	android:layout_width="wrap_content"

27	android:layout_height="wrap_content"

28	android:ellipsize="marquee"

29	android:fadingEdge="horizontal"

30	android:singleLine="true"

31	android:textAppearance="@android:style/TextAppearance.Medium"

32	android:textColor="#FF00FFFF"/>

33

34

<TextView

35	android:id="@+android:id/summary"

36	android:layout_width="wrap_content"

37	android:layout_height="wrap_content"

38	android:layout_alignLeft="@android:id/title"

39	android:layout_below="@android:id/title"

40	android:maxLines="4"

41	android:textAppearance="@android:style/TextAppearance.Small"

42	android:textColor="#FFFFFF00"/>

43	</RelativeLayout>

44

45	<LinearLayout

46	android:id="@+android:id/widget_frame"

47	android:layout_width="wrap_content"

48	android:layout_height="match_parent"

49	android:gravity="center_vertical"

50	android:orientation="vertical"/>

51

52	</LinearLayout>

下面介绍加顶部布局，其实也是添加加一个preference，通过preferenceScreen的addPreference添加。首先自定义一个PreferenceHead，布局中有一个返回按钮。

01	packagecom.preference.main;

02

03	importandroid.content.Context;

04	importandroid.preference.Preference;

05	importandroid.view.View;

06	importandroid.view.View.OnClickListener;

07	importandroid.widget.Button;

08

09	publicclassPreferenceHeadextendsPreference {

10

11	privateOnClickListener onBackButtonClickListener;

12

13	publicPreferenceHead(Context context) {

14	super(context);

15	setLayoutResource(R.layout.preference_head);

16

}

17

18

@Override

19	protectedvoidonBindView(View view) {

20	super.onBindView(view);

21	Button btBack = (Button) view.findViewById(R.id.back);

22	btBack.setOnClickListener(newOnClickListener() {

23

24

@Override

25	publicvoidonClick(View v) {

26	if(onBackButtonClickListener !=null) {

27	onBackButtonClickListener.onClick(v);

28

}

29

}

30

});

31

}

32

33	publicvoidsetOnBackButtonClickListener(OnClickListener onClickListener) {

34	this.onBackButtonClickListener = onClickListener;

35

}

36

}

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

02	<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

03	android:layout_width="match_parent"

04	android:layout_height="60.0dip"

05	android:background="#8000FF00"

06	android:gravity="center_vertical">

07

08

<Button

09	android:id="@+id/back"

10	android:layout_width="wrap_content"

11	android:layout_height="wrap_content"

12	android:layout_margin="10.0dip"

13	android:text="返回"/>

14

15	</LinearLayout>

然后在代码中实现

01	PreferenceHead ph =newPreferenceHead(this);

02	ph.setOnBackButtonClickListener(newOnClickListener() {

03

04

@Override

05	publicvoidonClick(View v) {

06

finish();

07

}

08

});

09	ph.setOrder(0);

10	preferenceScreen.addPreference(ph);

这样就完成了一个具有返回按钮的顶部布局的PreferenceActivity，效果图如下