Android NumberPicker：从 XML 设置最小值、最大值、默认值

Question

有没有办法从 XML 布局设置 NumberPicker 的最小值、最大值和默认值？

我是在 Activity 代码中执行此操作的：

np = (NumberPicker) findViewById(R.id.np);
np.setMaxValue(120);
np.setMinValue(0);
np.setValue(30);

XML 显然更合适，因为它定义属性，而不是行为。

有没有办法使用 XML 布局来设置这些？

Answer 1

我有同样的问题，这就是我解决它的方法（根据MKJParekh的评论）：

1. 我创建了自己的 NumberPicker 类

   package com.exaple.project;
   
   import android.annotation.TargetApi;
   import android.content.Context;
   import android.os.Build;
   import android.util.AttributeSet;
   import android.widget.NumberPicker;
   
   @TargetApi(Build.VERSION_CODES.HONEYCOMB)//For backward-compability
   public class MyNumberPicker extends NumberPicker {
   
       public MyNumberPicker(Context context) {
           super(context);
       }
   
       public MyNumberPicker(Context context, AttributeSet attrs) {
           super(context, attrs);
           processAttributeSet(attrs);
       }
   
       public MyNumberPicker(Context context, AttributeSet attrs, int defStyle) {
           super(context, attrs, defStyle);
           processAttributeSet(attrs);
       }
       private void processAttributeSet(AttributeSet attrs) {
           //This method reads the parameters given in the xml file and sets the properties according to it
           this.setMinValue(attrs.getAttributeIntValue(null, "min", 0));
           this.setMaxValue(attrs.getAttributeIntValue(null, "max", 0));
       }
   }
   

2. 现在你可以在你的xml布局文件中使用这个NumberPicker了

   <com.exaple.project.myNumberPicker
       android:id="@+id/numberPicker1"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:layout_gravity="center"
       android:orientation="vertical"
       max="100"
       min="1" />
   

感谢 MKJParekh 的有用评论

Answer 2

你可以试试这个：

<NumberPicker
  android:id="@+id/number_picker"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  app:minValue="@{0}"
  app:maxValue="@{120}"
  app:value="@{30}"/>

这是 Android 数据绑定的一部分。因此，您可能希望在应用程序级别 build.gradle 中将其设置为 true。

android {
    ...

    dataBinding {
        enabled true
    }
}

Answer 3

这是遵循 Android Docs
的更新版本 （因此支持主题和 Android Studio 设计器预览）

值/attrs.xml：

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <declare-styleable name="NumberPickerWithXml">
        <attr name="pickerMaxValue" format="integer" />
        <attr name="pickerMinValue" format="integer" />
        <attr name="pickerDefaultValue" format="integer" />
    </declare-styleable>

</resources>

NumberPickerWithXml.kt：

package com.example.library.ui

import android.content.Context
import android.util.AttributeSet
import android.widget.NumberPicker
import com.example.library.ui.R

class NumberPickerWithXml : NumberPicker {

    constructor(context: Context) : super(context)

    constructor(context: Context, attrs: AttributeSet) : super(context, attrs) {
        processXmlAttributes(attrs)
    }

    constructor(context: Context, attrs: AttributeSet, defStyleAttr: Int) : super(context, attrs, defStyleAttr) {
        processXmlAttributes(attrs, defStyleAttr)
    }

    constructor(context: Context, attrs: AttributeSet, defStyleAttr: Int, defStyleRes: Int) : super(context, attrs, defStyleAttr, defStyleRes) {
        processXmlAttributes(attrs, defStyleAttr, defStyleRes)
    }

    private fun processXmlAttributes(attrs: AttributeSet, defStyleAttr: Int = 0, defStyleRes: Int = 0) {
        val attributes = context.theme.obtainStyledAttributes(attrs, R.styleable.NumberPickerWithXml, defStyleAttr, defStyleRes)

        try {
            this.minValue = attributes.getInt(R.styleable.NumberPickerWithXml_pickerMinValue, 0)
            this.maxValue = attributes.getInt(R.styleable.NumberPickerWithXml_pickerMaxValue, 0)
            this.value = attributes.getInt(R.styleable.NumberPickerWithXml_pickerDefaultValue, 0)
        } finally {
            attributes.recycle()
        }
    }

}

...或 NumberPickerWithXml.java（未经测试）：

package com.example.library.ui;

import android.content.Context;
import android.util.AttributeSet;
import android.widget.NumberPicker;
import com.example.library.ui.R;

public class NumberPickerWithXml extends NumberPicker {

    public NumberPickerWithXml(Context context) {
        super(context);
    }

    public NumberPickerWithXml(Context context, AttributeSet attrs) {
        super(context, attrs);
        processXmlAttributes(attrs, 0, 0);
    }

    public NumberPickerWithXml(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        processXmlAttributes(attrs, defStyleAttr, 0);
    }

    public NumberPickerWithXml(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        processXmlAttributes(attrs, defStyleAttr, defStyleRes);
    }

    private void processXmlAttributes(AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        TypedArray attributes = getContext().getTheme().obtainStyledAttributes(attrs, R.styleable.NumberPickerWithXml, defStyleAttr, defStyleRes);

        try {
            this.setMinValue(attributes.getInt(R.styleable.NumberPickerWithXml_pickerMinValue, 0));
            this.setMaxValue(attributes.getInt(R.styleable.NumberPickerWithXml_pickerMaxValue, 0));
            this.setValue(attributes.getInt(R.styleable.NumberPickerWithXml_pickerDefaultValue, 0));
        } finally {
            attributes.recycle();
        }
    }

}

在布局中的用法：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:custom="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <com.example.library.ui.NumberPickerWithXml
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        custom:pickerDefaultValue="30"
        custom:pickerMaxValue="120"
        custom:pickerMinValue="0" />

</LinearLayout>