{"id":190,"date":"2013-08-24T01:47:19","date_gmt":"2013-08-24T05:47:19","guid":{"rendered":"http:\/\/robobunny.com\/wp\/?p=190"},"modified":"2013-08-24T01:47:19","modified_gmt":"2013-08-24T05:47:19","slug":"android-seekbar-preference-v2","status":"publish","type":"post","link":"https:\/\/robobunny.com\/wp\/?p=190","title":{"rendered":"Android SeekBar preference v2"},"content":{"rendered":"

A couple of years ago, I posted an Android SeekBar preference widget<\/a> that I’d written. Since then, people have regularly posted fixes and enhancements. This is a new version that includes those fixes. I decided to make a new post because the thread on the old one was getting a bit long, and hopefully those problems will be gone now. Special thanks to Yair from KwazyLabs<\/a> for layout updates that should make the widget behave itself when the theme is not the default.<\/p>\n

Here’s v2 of the preference, as it appears in Dislexicon:<\/p>\n

\"SeekBar<\/a><\/p>\n


\nVisually, the widget is the same as the old one, except that the summary is no longer on the same line as the units. Thanks to everyone who helped out, let me know if you find any problems or have ideas on how to improve the widget.<\/p>\n

You’ll need two files, plus a preferences section. They are all inline below, but you can download them here:<\/p>\n\n\n\n\n\n\n\n
File<\/th>\n<\/th>\nDescription<\/th>\n<\/tr>\n<\/thead>\n
preferences.xml<\/a><\/td>\n<\/td>\nExample of adding a config to your preferences.<\/td>\n<\/tr>\n
SeekBarPreference.java<\/a><\/td>\n<\/td>\nThe java class.<\/td>\n<\/tr>\n
seek_bar_preference.xml<\/a><\/td>\n<\/td>\nThe XML layout of the preference. This should go in your res\/layout directory.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

Here’s an example of configuring it in your preferences.xml file. Most of the parameters work exactly the same as a standard preference, but there are two new parameters:<\/p>\n

    \n
  1. min: Minimum value to use for the slider. The default is zero<\/li>\n
  2. unitsRight: The characters to put to the right of the value, to indicate the units (eg. %, deg, .oz)<\/li>\n
  3. unitsLeft: The characters to put the left of the value<\/li>\n<\/ol>\n

    preferences.xml<\/a>
    \n[cc lang=”xml”]
    \n<\/p>\n

    <\/p>\n

    \t
    \n\t\t
    \n\t<\/PreferenceCategory><\/p>\n

    <\/PreferenceScreen>
    \n[\/cc]<\/p>\n

    The java class itself.
    \n    SeekBarPreference.java<\/a>
    \n[cc lang=”java”]
    \npackage com.robobunny;<\/p>\n

    import android.content.Context;
    \nimport android.content.res.TypedArray;
    \nimport android.preference.Preference;
    \nimport android.util.AttributeSet;
    \nimport android.util.Log;
    \nimport android.view.View;
    \nimport android.view.ViewGroup;
    \nimport android.view.ViewParent;
    \nimport android.widget.LinearLayout;
    \nimport android.widget.RelativeLayout;
    \nimport android.widget.SeekBar;
    \nimport android.widget.SeekBar.OnSeekBarChangeListener;
    \nimport android.widget.TextView;<\/p>\n

    public class SeekBarPreference extends Preference implements OnSeekBarChangeListener {<\/p>\n

    \tprivate final String TAG = getClass().getName();<\/p>\n

    \tprivate static final String ANDROIDNS=”http:\/\/schemas.android.com\/apk\/res\/android”;
    \n\tprivate static final String APPLICATIONNS=”http:\/\/robobunny.com”;
    \n\tprivate static final int DEFAULT_VALUE = 50;<\/p>\n

    \tprivate int mMaxValue = 100;
    \n\tprivate int mMinValue = 0;
    \n\tprivate int mInterval = 1;
    \n\tprivate int mCurrentValue;
    \n\tprivate String mUnitsLeft = “”;
    \n\tprivate String mUnitsRight = “”;
    \n\tprivate SeekBar mSeekBar;<\/p>\n

    \tprivate TextView mStatusText;<\/p>\n

    \tpublic SeekBarPreference(Context context, AttributeSet attrs) {
    \n\t\tsuper(context, attrs);
    \n\t\tinitPreference(context, attrs);
    \n\t}<\/p>\n

    \tpublic SeekBarPreference(Context context, AttributeSet attrs, int defStyle) {
    \n\t\tsuper(context, attrs, defStyle);
    \n\t\tinitPreference(context, attrs);
    \n\t}<\/p>\n

    \tprivate void initPreference(Context context, AttributeSet attrs) {
    \n\t\tsetValuesFromXml(attrs);
    \n\t\tmSeekBar = new SeekBar(context, attrs);
    \n\t\tmSeekBar.setMax(mMaxValue – mMinValue);
    \n\t\tmSeekBar.setOnSeekBarChangeListener(this);<\/p>\n

    \t\tsetWidgetLayoutResource(R.layout.seek_bar_preference);
    \n\t}<\/p>\n

    \tprivate void setValuesFromXml(AttributeSet attrs) {
    \n\t\tmMaxValue = attrs.getAttributeIntValue(ANDROIDNS, “max”, 100);
    \n\t\tmMinValue = attrs.getAttributeIntValue(APPLICATIONNS, “min”, 0);<\/p>\n

    \t\tmUnitsLeft = getAttributeStringValue(attrs, APPLICATIONNS, “unitsLeft”, “”);
    \n\t\tString units = getAttributeStringValue(attrs, APPLICATIONNS, “units”, “”);
    \n\t\tmUnitsRight = getAttributeStringValue(attrs, APPLICATIONNS, “unitsRight”, units);<\/p>\n

    \t\ttry {
    \n\t\t\tString newInterval = attrs.getAttributeValue(APPLICATIONNS, “interval”);
    \n\t\t\tif(newInterval != null)
    \n\t\t\t\tmInterval = Integer.parseInt(newInterval);
    \n\t\t}
    \n\t\tcatch(Exception e) {
    \n\t\t\tLog.e(TAG, “Invalid interval value”, e);
    \n\t\t}<\/p>\n

    \t}<\/p>\n

    \tprivate String getAttributeStringValue(AttributeSet attrs, String namespace, String name, String defaultValue) {
    \n\t\tString value = attrs.getAttributeValue(namespace, name);
    \n\t\tif(value == null)
    \n\t\t\tvalue = defaultValue;<\/p>\n

    \t\treturn value;
    \n\t}<\/p>\n

    \t@Override
    \n\tprotected View onCreateView(ViewGroup parent) {
    \n\t\tView view = super.onCreateView(parent);<\/p>\n

    \t\t\/\/ The basic preference layout puts the widget frame to the right of the title and summary,
    \n\t\t\/\/ so we need to change it a bit – the seekbar should be under them.
    \n\t\tLinearLayout layout = (LinearLayout) view;
    \n\t\tlayout.setOrientation(LinearLayout.VERTICAL);<\/p>\n

    \t\treturn view;
    \n\t}<\/p>\n

    \t@Override
    \n\tpublic void onBindView(View view) {
    \n\t\tsuper.onBindView(view);<\/p>\n

    \t\ttry {
    \n\t\t\t\/\/ move our seekbar to the new view we’ve been given
    \n\t\t\tViewParent oldContainer = mSeekBar.getParent();
    \n\t\t\tViewGroup newContainer = (ViewGroup) view.findViewById(R.id.seekBarPrefBarContainer);<\/p>\n

    \t\t\tif (oldContainer != newContainer) {
    \n\t\t\t\t\/\/ remove the seekbar from the old view
    \n\t\t\t\tif (oldContainer != null) {
    \n\t\t\t\t\t((ViewGroup) oldContainer).removeView(mSeekBar);
    \n\t\t\t\t}
    \n\t\t\t\t\/\/ remove the existing seekbar (there may not be one) and add ours
    \n\t\t\t\tnewContainer.removeAllViews();
    \n\t\t\t\tnewContainer.addView(mSeekBar, ViewGroup.LayoutParams.FILL_PARENT,
    \n\t\t\t\tViewGroup.LayoutParams.WRAP_CONTENT);
    \n\t\t\t}
    \n\t\t}
    \n\t\tcatch(Exception ex) {
    \n\t\t\tLog.e(TAG, “Error binding view: ” + ex.toString());
    \n\t\t}<\/p>\n

    \t\t\/\/if dependency is false from the beginning, disable the seek bar
    \n\t\tif (view != null && !view.isEnabled())
    \n\t\t{
    \n\t\t\tmSeekBar.setEnabled(false);
    \n\t\t}<\/p>\n

    \t\tupdateView(view);
    \n\t}<\/p>\n

    \t\/**
    \n\t * Update a SeekBarPreference view with our current state
    \n\t * @param view
    \n\t *\/
    \n\tprotected void updateView(View view) {<\/p>\n

    \t\ttry {
    \n\t\t\tmStatusText = (TextView) view.findViewById(R.id.seekBarPrefValue);<\/p>\n

    \t\t\tmStatusText.setText(String.valueOf(mCurrentValue));
    \n\t\t\tmStatusText.setMinimumWidth(30);<\/p>\n

    \t\t\tmSeekBar.setProgress(mCurrentValue – mMinValue);<\/p>\n

    \t\t\tTextView unitsRight = (TextView)view.findViewById(R.id.seekBarPrefUnitsRight);
    \n\t\t\tunitsRight.setText(mUnitsRight);<\/p>\n

    \t\t\tTextView unitsLeft = (TextView)view.findViewById(R.id.seekBarPrefUnitsLeft);
    \n\t\t\tunitsLeft.setText(mUnitsLeft);<\/p>\n

    \t\t}
    \n\t\tcatch(Exception e) {
    \n\t\t\tLog.e(TAG, “Error updating seek bar preference”, e);
    \n\t\t}<\/p>\n

    \t}<\/p>\n

    \t@Override
    \n\tpublic void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
    \n\t\tint newValue = progress + mMinValue;<\/p>\n

    \t\tif(newValue > mMaxValue)
    \n\t\t\tnewValue = mMaxValue;
    \n\t\telse if(newValue < mMinValue)\n\t\t\tnewValue = mMinValue;\n\t\telse if(mInterval != 1 && newValue % mInterval != 0)\n\t\t\tnewValue = Math.round(((float)newValue)\/mInterval)*mInterval; \n\t\t\n\t\t\/\/ change rejected, revert to the previous value\n\t\tif(!callChangeListener(newValue)){\n\t\t\tseekBar.setProgress(mCurrentValue - mMinValue); \n\t\t\treturn; \n\t\t}\n\n\t\t\/\/ change accepted, store it\n\t\tmCurrentValue = newValue;\n\t\tmStatusText.setText(String.valueOf(newValue));\n\t\tpersistInt(newValue);\n\n\t}\n\n\t@Override\n\tpublic void onStartTrackingTouch(SeekBar seekBar) {}\n\n\t@Override\n\tpublic void onStopTrackingTouch(SeekBar seekBar) {\n\t\tnotifyChanged();\n\t}\n\n\n\t@Override \n\tprotected Object onGetDefaultValue(TypedArray ta, int index){\n\t\t\n\t\tint defaultValue = ta.getInt(index, DEFAULT_VALUE);\n\t\treturn defaultValue;\n\t\t\n\t}\n\n\t@Override\n\tprotected void onSetInitialValue(boolean restoreValue, Object defaultValue) {\n\n\t\tif(restoreValue) {\n\t\t\tmCurrentValue = getPersistedInt(mCurrentValue);\n\t\t}\n\t\telse {\n\t\t\tint temp = 0;\n\t\t\ttry {\n\t\t\t\ttemp = (Integer)defaultValue;\n\t\t\t}\n\t\t\tcatch(Exception ex) {\n\t\t\t\tLog.e(TAG, \"Invalid default value: \" + defaultValue.toString());\n\t\t\t}\n\t\t\t\n\t\t\tpersistInt(temp);\n\t\t\tmCurrentValue = temp;\n\t\t}\n\t\t\n\t}\n\t\n\t\/**\n\t* make sure that the seekbar is disabled if the preference is disabled\n\t*\/\n\t@Override\n\tpublic void setEnabled(boolean enabled) {\n\t\tsuper.setEnabled(enabled);\n\t\tmSeekBar.setEnabled(enabled);\n\t}\n\t\n\t@Override\n\tpublic void onDependencyChanged(Preference dependency, boolean disableDependent) {\n\t\tsuper.onDependencyChanged(dependency, disableDependent);\n\t\t\n\t\t\/\/Disable movement of seek bar when dependency is false\n\t\tif (mSeekBar != null)\n\t\t{\n\t\t\tmSeekBar.setEnabled(!disableDependent);\n\t\t}\n\t}\n}\n[\/cc]\n\nThe preference layout file. You can use this to tweek what the preference looks like. You should put this in your res\/layout directory.\n    seek_bar_preference.xml<\/a>
    \n[cc lang=”xml”]
    \n
    \n<\/p>\n


    \n <\/TextView><\/p>\n


    \n <\/TextView><\/p>\n


    \n <\/TextView><\/p>\n

    <\/p>\n


    \n <\/LinearLayout><\/p>\n

    <\/RelativeLayout>
    \n[\/cc]<\/p>\n","protected":false},"excerpt":{"rendered":"

    A couple of years ago, I posted an Android SeekBar preference widget that I’d written. Since then, people have regularly posted fixes and enhancements. This is a new version that includes those fixes. I decided to make a new post because the thread on the old one was getting a bit long, and hopefully those […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[],"_links":{"self":[{"href":"https:\/\/robobunny.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/190"}],"collection":[{"href":"https:\/\/robobunny.com\/wp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/robobunny.com\/wp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/robobunny.com\/wp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/robobunny.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=190"}],"version-history":[{"count":0,"href":"https:\/\/robobunny.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/190\/revisions"}],"wp:attachment":[{"href":"https:\/\/robobunny.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/robobunny.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/robobunny.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}