美文网首页Android 安卓技术分享Android-杂章Android 开发技术分享
这才是Android设置界面的正确做法👌👌👌

这才是Android设置界面的正确做法👌👌👌

作者: Android开发哥 | 来源:发表于2017-02-26 14:37 被阅读1093次

效果图

效果图

其实这种选项的界面,不需要自己去一个一个选项地去做。完后还要自己去保存设置,保存了还要读取真的是哔了狗了。
还好Android为我们提供了一些封装好的东西。那就是PreferenceActivityPreferenceFragment。本文将会使用PreferenceFragment作为范例。

PreferenceFragment

从名字中不难看出,PreferenceFragmentFragment的一个子类,所以大致使用上是差不多的,除了一些特性之外。

使用方式

有两种加载选项的的方式:

  • xml加载(以此为范例)
  • 代码加载

几个概念

  • PreferenceScreen : 没有什么资料,找到大多数都是理解不通的。个人认为就是一个类似ViewGroup的容器,只是ViewGroup里面装的是View。PreferenceScreen装的是Preference。
  • PreferenceCategory : 分类,就像你的设置有分应用设置和系统设置。可以提供一个头部标题说明
  • Preference : 就是一个选项

支持类型

  • Preference : 普通选项
  • EditTextPreference : 点击后弹出编辑框窗口的选项
  • SwitchPreference : 开关选项
  • RingtonePreference : 打开内容提供
  • CheckBoxPreference : 带复选按钮
  • ListPreference : 复合的单选按钮
  • MultiSelectListPreference : 复合的复选按钮

使用

首先我们新建两份数组资源在

/res/values

wifi.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string-array name="wifi_entities">
        <item>WIFI1</item>
        <item>WIFI2</item>
        <item>WIFI3</item>
        <item>WIFI4</item>
        <item>WIFI5</item>
        <item>WIFI6</item>
    </string-array>
    <string-array name="wifi_values">
        <item>无线网络1</item>
        <item>无线网络2</item>
        <item>无线网络3</item>
        <item>无线网络4</item>
        <item>无线网络5</item>
        <item>无线网络6</item>
    </string-array>
</resources>

type.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string-array name="type_entities">
        <item>TYPE1</item>
        <item>TYPE2</item>
        <item>TYPE3</item>
        <item>TYPE4</item>
        <item>TYPE5</item>
    </string-array>
    <string-array name="type_values">
        <item>类型1</item>
        <item>类型2</item>
        <item>类型3</item>
        <item>类型4</item>
        <item>类型5</item>
    </string-array>
</resources>

这里就先不说为什么每个数组文件里面要有两个数组。看下面。。。

新建一个自定义布局文件(可选)

/res/layout下新建text_view.xml

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:text="Hello world">

</TextView>

新建Preference资源文件

/res下面新建xml目录

preference_demo.xml

/res/xml下新建preference_demo.xml文件

<?xml version="1.0" encoding="utf-8"?>
<PreferenceScreen xmlns:android="http://schemas.android.com/apk/res/android">
    <PreferenceCategory android:title="普通选项">
        <Preference
            android:key="option11"
            android:summary="这是选项1"
            android:title="点我" />
        <Preference
            android:key="option111"
            android:layout="@layout/text_view" />


        <EditTextPreference
            android:key="option12"
            android:summary="这是选项2"
            android:title="名称" />

        <SwitchPreference
            android:checked="true"
            android:key="option13"
            android:summary="这是选项3"
            android:summaryOff="关闭选项3"
            android:summaryOn="开启选项3"
            android:title="通知栏常驻" />

        <RingtonePreference
            android:key="option14"
            android:summary="这是选项4"
            android:title="打开" />
        <CheckBoxPreference
            android:key="option15"
            android:layout="?android:attr/preferenceLayoutChild"
            android:summary="QQ选项"
            android:summaryOff="禁止QQ"
            android:summaryOn="允许QQ"
            android:title="QQ弹窗" />
        <CheckBoxPreference
            android:dependency="option15"
            android:key="option20"
            android:summary="微信选项"
            android:summaryOff="禁止微信"
            android:summaryOn="允许微信"
            android:title="微信弹窗" />
        <CheckBoxPreference
            android:checked="true"
            android:key="option16"
            android:summary="微博选项"
            android:summaryOff="禁止微博"
            android:summaryOn="允许我播"
            android:title="微博弹窗" />
    </PreferenceCategory>
    <PreferenceCategory android:title="复合选项">

        <ListPreference
            android:dialogTitle="对话框标题"
            android:entries="@array/wifi_entities"
            android:entryValues="@array/wifi_values"
            android:key="option17"
            android:summary="请选择WIFI"
            android:title="WIFI" />


        <MultiSelectListPreference
            android:dialogIcon="@mipmap/ic_launcher"
            android:entries="@array/type_entities"
            android:entryValues="@array/type_values"
            android:key="option18"
            android:title="消息类型" />

        <PreferenceScreen
            android:key="option19"
            android:summary="打开我的博客"
            android:title="我的博客">

            <intent
                android:action="android.intent.action.VIEW"
                android:data="http://august1996.top" />
        </PreferenceScreen>
    </PreferenceCategory>
</PreferenceScreen>

PreferenceScreen的另一个用法就是和Intent结合使用
有一些属性还是需要说明一下的

  • key : 最多的属性,因为Preference这个数据的存取就是使用SharedPreferences来实现的。所以保存时需要一个key的。
  • summary : 小标题或者叫做简述,一般是用于对选项的简要说明。
  • summaryOff : 具有开关属性的选项关闭时的summary
  • summaryOn : 具有开关属性的选项打开时的summary
  • title : 选项的标题
  • dialogTitle : 弹出消息框的标题
  • dialogMessage :弹出的消息框的内容,会把MultiSelectListPreferenceListPreference`的选项覆盖
  • layout : 选项的布局,因此选项是支持自定义布局的

针对ListPreference和MultiSelectListPreference的属性

  • entries : 相当于上面的key,只不过因为是列表,所以就用数组的形式存放
  • entryValues : 这个是每个选项的值,与entities的关系就是key和value的关系

因此上面定义的数组资源中,两个数组的长度必须相等

代码

public class PreferenceFrag extends PreferenceFragment {

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

此处不需要setContentView,而是直接addPreferencesFromResource从资源中去加载。

更多交互

Preference mOption1 = findPreference("option1");
mOption1.setOnPreferenceClickListener(this);
mOption1.setOnPreferenceChangeListener(this);

第一行我们通过键值去查找对应的Preference
第二行我们去设置对应的Preference的点击事件
第三行我们去设置对应的Preference的值改变时的监听事件

相关文章

网友评论

  • AWeiLoveAndroid:楼主好人啊,学习了。。。
  • 梦龙DRAG0N:写得不错😉请教一下作者,像知乎设置界面的卡片效果怎么实现呢?
    Android开发哥:上面是google支持的原生写法,如果要做知乎那种的话,只能使用xml布局去做了,每个卡片使用cardview去包裹
  • uncochen:首先,需要有一个懂安卓的UI设计师,不然全是IOS那一套...
    Android开发哥:@uncochen 是的,事后才被吐槽说还原度不高...
  • Scott_W:学到了 ,谢谢分享.
  • 潜翼:写的挺不错的,但是不赞同那么做,因为维护起来还有改动代码会特别麻烦,条目类型的东西最好还是用listview或者recycleView,通过adapter实现MVP分离,方便后期维护代码
    Android开发哥:嗯嗯, 一般设置页面都是修改一些标志位. 如果没有过于复杂的逻辑, 不太需要使用MVP去解耦代码.
  • 云尾:正在学习,支持作者
    Android开发哥: @云尾 谢谢支持👍
  • 低八度丶:感觉很有用处。谢谢分享
    Android开发哥:@低八度丶 感谢支持

本文标题:这才是Android设置界面的正确做法👌👌👌

本文链接:https://www.haomeiwen.com/subject/ewbowttx.html