Android布局——Preference自定义layout的方法

在Android应用开发中，Preference是相当常见的一个组件，通过Preference可以快捷地实现应用的一些常用设置。Preference提供了一些默认的布局，但是有时候我们需要自定义布局来满足特定的需求。下面是Preference自定义layout的方法。

1. 创建自定义layout

在res/layout目录下新建一个xml布局文件，比如我们命名为my_preference.xml，该文件就是我们自定义的layout。我们可以使用任意的xml布局来构建我们的layout。

下面是一个示例：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/my_preference"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="这是一个自定义的Preference布局"
        android:textSize="18sp"/>

    <Switch
        android:id="@+id/switch_preference"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:gravity="right"
        android:text="打开"/>

</LinearLayout>

2. 创建自定义Preference类

创建一个继承自Preference的类，在该类的构造函数中指定我们自定义的layout资源文件即可：

public class MyPreference extends Preference {

    public MyPreference(Context context, AttributeSet attrs) {
        super(context, attrs);

        // 指定自定义的layout
        setLayoutResource(R.layout.my_preference);
    }
}

可以在该类中对View进行一些初始化，比如：

public class MyPreference extends Preference {

    private Switch mSwitch;

    public MyPreference(Context context, AttributeSet attrs) {
        super(context, attrs);

        // 指定自定义的layout
        setLayoutResource(R.layout.my_preference);

        // 对Switch进行初始化
        mSwitch = (Switch) findViewById(R.id.switch_preference);
        mSwitch.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                // 在这里处理Switch状态发生变化的逻辑
            }
        });
    }
}

3. 在PreferenceScreen中使用自定义的Preference

在preference.xml文件中，使用我们自定义的MyPreference：

<PreferenceCategory android:title="自定义Preference">
    <com.example.MyPreference
        android:key="my_preference"/>
</PreferenceCategory>

如果我们需要在代码中动态添加自定义的Preference，可以使用以下代码：

PreferenceScreen preferenceScreen = getPreferenceScreen();
MyPreference myPreference = new MyPreference(this, null);
myPreference.setKey("my_preference");
preferenceScreen.addPreference(myPreference);

这样就可以在PreferenceScreen中使用我们自定义的Preference了。

4. 示例：

<PreferenceCategory android:title="自定义Preference">
    <com.example.MyPreference
        android:key="my_preference"/>
</PreferenceCategory>

public class MyPreference extends Preference {

    private Switch mSwitch;

    public MyPreference(Context context, AttributeSet attrs) {
        super(context, attrs);

        // 指定自定义的layout
        setLayoutResource(R.layout.my_preference);

        // 对Switch进行初始化
        mSwitch = (Switch) findViewById(R.id.switch_preference);
        mSwitch.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                Toast.makeText(getContext(), "Switch状态：" + isChecked, Toast.LENGTH_SHORT).show();
            }
        });
    }
}

上面代码演示了如何在Preference中使用自定义的布局，这里我们使用了一个Switch进行演示，并且在Switch状态发生变化时Toast显示其状态。

另外，还有一个示例：网上的大多数教程都推荐使用带CheckBox的Preference来实现一个开关，但CheckBox的样式可能并不符合我们的需求，这时候我们就需要使用自定义布局实现一个开关。下面就是示例：

<PreferenceCategory android:title="自定义开关">
    <com.example.SwitchPreference
        android:key="switch_preference"
        android:title="开关"/>
</PreferenceCategory>

public class SwitchPreference extends Preference implements View.OnClickListener {

    private ImageView mSwitch;

    public SwitchPreference(Context context, AttributeSet attrs) {
        super(context, attrs);
        setLayoutResource(R.layout.switch_preference);
        setOnPreferenceClickListener(new OnPreferenceClickListener() {
            @Override
            public boolean onPreferenceClick(Preference preference) {
                toggle();
                return false;
            }
        });
    }

    @Override
    protected void onBindView(View view) {
        super.onBindView(view);
        mSwitch = (ImageView) view.findViewById(R.id.switch_image);
        updateView();
    }

    private void toggle() {
        boolean isChecked = !getPersistedBoolean(false);
        persistBoolean(isChecked);
        updateView();
        callChangeListener(isChecked);
    }

    private void updateView() {
        boolean isChecked = getPersistedBoolean(false);
        mSwitch.setImageResource(isChecked ? R.drawable.ic_switch_on : R.drawable.ic_switch_off);
    }

    @Override
    public void onClick(View v) {
        toggle();
    }
}

上面代码演示了如何自定义一个开关SwitchPreference，这里使用了一个ImageView来自定义Switch，并且在其点击事件中进行处理。可以看到，通过自定义布局，我们可以实现更加灵活自由的界面。

阅读剩余 73%