zoukankan      html  css  js  c++  java
  • 自定义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

    
    
  • 相关阅读:
    django2.2/mysql ImproperlyConfigured: mysqlclient 1.3.13 or newer is required; you have 0.9.3
    orm练习题
    url的匹配问题
    集成抽象类后出现的问题
    迅为IMX6Q开发板上移植mplayer
    迅为i.MX6ULL开发板原理图分析介绍
    性价比高又能较好的学习嵌入式ARM+Linux的开发板
    适合初学者的linux开发板
    IMX6ULL开发板
    i.MX6ULL开发板终结者资料介绍
  • 原文地址:https://www.cnblogs.com/tianzhijiexian/p/3892506.html
Copyright © 2011-2022 走看看