设计自己的Android Preference

设计自己的Android Preference

SeekBar Preference

Android提供了Preference供应用可以进行功能设置以及属性配置等操作，检查android.preference可以看到Preference下有若干子类，例如常用的EditTextPreference、CheckBoxPreference、ListPreference等。但是仅仅有这些是不够的。

在我现在的工作当中，应用里有这么一个场景，用户手指在屏幕滑动，应用绘制出移动的轨迹。

熟悉Android API Demo(可以在SDK/platforms/android-1.5/samples下找到)的人一定记得在graphics目录下，有一个FingerPaint的类实现了类似上述功能。但是还远远实现不了我们的需要，–需求是要在Preference中实现挑选颜色和调整粗细。

当然，他山之石可以攻玉，FingerPaint还是提供了不错的例子，尤其是FingPaint中选择颜色所使用的另外一个类ColorPickerDialog基本上具备了我们想要的部分功能。

除了上面提到的FingerPaint之外，还可以从Android的源码中找到可以参考的代码。从framework/base/core/java中，找到android.preference包，可以看到有一个SeekBarPreference的类，–这是一个“烂尾”类，代码未完成，因此被Google打上了@hide的标签。因此需要稍加完善，才能加以使用。

@Override
protected void onBindDialogView(View view) {
    super.onBindDialogView(view);
 
    bar = (SeekBar) view.findViewById(R.id.seekbar);
    bar.setOnSeekBarChangeListener(this);
    bar.setProgress(barValue);
}
 
public void setValue(int value) {
    barValue = value;
}
 
public int getValue() {
    return barValue;
}
 
@Override
protected void onDialogClosed(boolean positiveResult) {
    if (positiveResult) {
        this.getOnPreferenceChangeListener().onPreferenceChange(this, barValue);
    }
}

Color Picker Preference

在这个类的改造过程中，override两个父类方法是关键所在，一个是onBindDialogView，另一个是onDialogClosed。

通过第一个方法，我们可以“找到”被当做content view的SeekBar的实例，进而可以获得到其progress。

通过第二个方法，我们可以方便的通知到Listener，告诉它，SeekBar的值有变化。这里我们把SeekBar的值，即progress看做是SeekBarPreference的value。除了这两个方法之外，就是要增加setValue和getValue两个方法了。

如果不看代码的话，就会有疑问：SeekBar是如何进入Diglog的呢？它正式通过DialogPreference的属性android:dialogLayout得以注入：

<net.poemcode.android.config.SeekBarPreference
	android:key="@string/setting_handwrite_width_key"
        android:title="@string/setting_handwrite_width_title"
        android:dialogTitle="@string/setting_handwrite_width_title"
        android:dialogLayout="@layout/setting_widthseekbar"
        android:persistent="true"/>

依此原理，可以举一反三，对于如何实现选择颜色是不是有了思路？

首先实现一个视图，负责展现不同颜色和接收用户选中的颜色，其可以从SeekBarPreference中的内部类ColorPickerView加以改造完成；然后新增一个布局文件，将刚才的视图加入到布局当中；接着继承DialogPreference实现自己的Preference子类ColorPickerPreference；最后在XML文件里增加这个Preference并把刚才的布局文件通过dialogLayout属性加入进去。从而实现了整个功能。

public class SeekBarPreference extends DialogPreference implements SeekBar.OnSeekBarChangeListener {
 
    private static final String TAG = "SeekBarPreference";
 
    private SeekBar bar;
 
    private int barValue;
 
    public SeekBarPreference(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
 
    @Override
    protected void onBindDialogView(View view) {
        super.onBindDialogView(view);
 
        bar = (SeekBar) view.findViewById(R.id.seekbar);
        bar.setOnSeekBarChangeListener(this);
        bar.setProgress(barValue);
    }
 
    public void setValue(int value) {
        barValue = value;
    }
 
    public int getValue() {
        return barValue;
    }
 
    @Override
    protected void onDialogClosed(boolean positiveResult) {
        if (positiveResult) {
            this.getOnPreferenceChangeListener().onPreferenceChange(this, barValue);
        }
    }
 
    public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
        Log.d(TAG, "onProgressChanged, progress : " + progress + ", fromUser : " + fromUser);
    }
 
    public void onStartTrackingTouch(SeekBar seekBar) {
        Log.d(TAG, "onStartTrackingTouch");
    }
 
    public void onStopTrackingTouch(SeekBar seekBar) {
        barValue = seekBar.getProgress();
    }
}