Android numberpicker カスタム

Question

Androidで、10,20,30のように選択できるnumberpickerを利用したいです。調べたところ標準では単位の変更は出来ないとの事なのでカスタムされたものを使おうと考えています。
そこで、http://dev.classmethod.jp/smartphone/increment-minutes-custom-timepicker-01/のサイトに乗っているプロジェクトを使用し、既存のプロジェクトに組み込んでみたのですが、やり方が違うのかうまく動作しません。
既存のプロジェクトにサイトのプロジェクトをimport moduleして、使いたい場所のxmlに記述、javaの方にも動作を記述して実行させると、まるで既存のプロジェクトが存在していないかのように、サイトのアプリのみが動きます。
外部からプロジェクトを参照して特定の場所でカスタマイズされたものを使うのは無理なのでしょうか？
長文でわかりにくいかもしれませんが、よろしくお願いします。

Answer 1

恐らくサンプルも一緒にimportしてしまっていると思われます。

GitHubからzip形式でダウンロードすると、大まかに以下のような構成になっていると思います。

AndroidComponentLibrary-master
│
├ ComponentLibrary
│
└ SampleComponent

Import Moduleする際にAndroidComponentLibrary-masterを選ばれませんでしたか？

サンプルは必要ないので、図のようにImportのチェックを外してください。

もしくは、Source directoryにAndroidComponentLibrary-master\ComponentLibraryを指定してください。

－追記－
カスタムNumberPickerの作り方

まず、res/valuesにxmlファイルを追加します。
ファイル名は「attr.xml」などとします。
これにより、レイアウトファイルで指定するパラメータを定義します。

<?xml version="1.0" encoding="utf-8"?>
<resources>
	<declare-styleable name="CustomNumberPicker">
		<attr name="step" format="integer" />
		<attr name="min" format="integer" />
		<attr name="max" format="integer" />
	</declare-styleable>
</resources>

続いてJava Classを追加します。
名前はxmlで指定したものと同じ「CustomNumberPicker」で、
SuperclassとしてNumberPickerを指定します。

package xxx;

import android.content.Context;
import android.content.res.TypedArray;
import android.support.v7.widget.AppCompatEditText;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;
import android.widget.NumberPicker;

/**
 * Created by massa on 2016/11/15.
 */

public class CustomNumberPicker extends NumberPicker {

	// 表示用の値のリスト
	private String [] mValueSet;

	// 最大値・最小値
	private int mMaxValue;
	private int mMinValue;

	// 刻み幅
	private int mStep;

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

	public CustomNumberPicker(Context context, AttributeSet attrs) {
		super(context, attrs);
		initialize(context, attrs);
	}

	public CustomNumberPicker(Context context, AttributeSet attrs, int defStyleAttr) {
		super(context, attrs, defStyleAttr);
		initialize(context, attrs);
	}

	private void initialize(Context context, AttributeSet attrs) {
		if (this.isInEditMode()) {
			return;
		}

		// レイアウトで指定された値の取得
		TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.CustomNumberPicker, 0, 0);
		try {
			mStep = typedArray.getInteger(R.styleable.CustomNumberPicker_step, 1);
			mMinValue = typedArray.getInteger(R.styleable.CustomNumberPicker_min, 0);
			mMaxValue = typedArray.getInteger(R.styleable.CustomNumberPicker_max, mMinValue);
		}
		finally {
			typedArray.recycle();
		}

		setValues();
	}

	private void setValues() {
		int value_num = 0;

		// minとmaxが逆だったら入れ替える
		if (mMinValue > mMaxValue) {
			int temp = mMinValue;
			mMinValue = mMaxValue;
			mMaxValue = temp;
		}

		// min ～ maxに値がいくつ入るか算出
		value_num = (mMaxValue - mMinValue + mStep - 1) / mStep;

		mValueSet = new String[value_num + 1];

		// 表示値のリストを作る
		for (int i = 0; i < value_num; i++) {
			mValueSet[i] = String.valueOf(mMinValue + mStep * i);
		}
		mValueSet[value_num] = String.valueOf(mMaxValue);

		// 表示値の数が変わるので、一旦初期化
		super.setMaxValue(0);

		setDisplayedValues(mValueSet);

		// 本来のValueはindexとして使用する
		super.setMinValue(0);
		super.setMaxValue(value_num);

		// 一旦最大値を設定
		super.setValue(value_num);

		for (int i = 0; i < getChildCount(); i++) {
			View view = getChildAt(i);
			if (view.getClass().equals(AppCompatEditText.class) == true) {
				// Text部分のサイズを計算
				int expandSpec = MeasureSpec.makeMeasureSpec(MEASURED_SIZE_MASK, MeasureSpec.AT_MOST);
				view.measure(expandSpec, expandSpec);

				// Text部分の幅を設定
				ViewGroup.LayoutParams params = view.getLayoutParams();
				params.width = view.getMeasuredWidth();
			}
		}

		// 初期表示のindex
		super.setValue(0);
	}

	@Override
	public int getValue() {
		// setDisplayedValuesでも使用しているので、ここに変更は加えない
		return super.getValue();
	}

	@Override
	public void setValue(int value) {
		// スクロール時に使用されているので、ここに変更は加えない
		super.setValue(value);
	}

	public int getDisplayedValue() {
		// 選択されている値を取得するときは、こちらを呼び出す
		int pos = super.getValue();
		return Integer.parseInt(mValueSet[pos]);
	}

	@Override
	public void setDisplayedValue(int value) {
		// プログラム中から表示値の設定をするときは、こちらを呼び出す
		int pos = 0;
		while (value > Integer.parseInt(mValueSet[pos])) {
			pos++;
		}
		super.setValue(pos);
	}

	@Override
	public int getMinValue() {
		return mMinValue;
	}

	@Override
	public void setMinValue(int minValue) {
		mMinValue = minValue;
		setValues();
	}

	@Override
	public int getMaxValue() {
		return mMaxValue;
	}

	@Override
	public void setMaxValue(int maxValue) {
		mMaxValue = maxValue;
		setValues();
	}
}

後は、レイアウトファイルから以下のように使用できると思います。

	<xxx.CustomNumberPicker
		xmlns:custom="http://schemas.android.com/apk/res-auto"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		custom:step="5"
		custom:min="10"
		custom:max="100"
		android:id="@+id/numberPicker"/>

選択されている値は、以下のように取得できます。

CustomNumberPicker customNumberPicker = (CustomNumberPicker)findViewById(R.id.numberPicker);

int value = customNumberPicker.getDisplayedValue();

当初、getValue()をオーバーライドしてみたのですが、
setDisplayedValuesの中から呼び出されているようで、表示される値がおかしくなってしまいました。
なので、getValue()はいじらず、getDisplayedValue()というメソッドを追加しています。

パッケージ名はxxxとしているので、適宜変更してください。
色々なケースを試せてないので、問題あればご指摘ください。

Comments

[Kmassa]

ところで、このライブラリにあるのはカスタムTimePickerだけのようですが、
利用したいのはNumberPickerですよね？
そのあたりは問題ないでしょうか？

[xasax0404]

サイトにあるピッカーのように、5,10,15のように指定出来れば、その派生で10,20,30と出来ると考えてこのプロジェクトを利用しようとしてますが、timepickerはnumberpickerのように利用する事は出来ないのでしょうか？

[Kmassa]

TimePickerはあくまでも時刻を入力するためのインターフェイスなので、
時、分の2つのNumberPickerが表示されてしまいます。
また、値の範囲も0～23と0～59になってしまいます。

NumberPickerを基にカスタムViewを作成したほうが良いかと思われます。
試しに作ってみたので、最初の回答に追記しました。

[xasax0404]

自分の求めていたとおりの動作しました！
ほんとに感謝しています。

[xasax0404]

すいません、解決した報告したものを再度質問するのはよろしくないんですが、聞いて下さい。
様々な端末でこのカスタムピッカーを使用しましたが、apiが15以下だとうまく動作しないみたいです。解決策わかりますでしょうか？

[Kmassa]

遅くなりましたが、修正してみました。
(1) initialize
レイアウトが表示されなくなっていたので、編集時にはそれ以降の処理を行わないようにしました。

(2) setValues
API16以降(?)では数字の部分の幅が自動的に調整されるようですが、
API15のADBで確認したところ、はみ出してしまっていたので調整するようにしました。

(3) setValue、setDisplayedValue
API15以前ではスクロール時にsetValueが呼ばれているようで、
ここをカスタマイズしていたためスクロールがうまくできなくなっていました。
なので、setValueはIndexを指定するメソッド、setDisplayedValueは表示値を設定するメソッドという形にしました。

Answer 2

Androidで、10,20,30のように選択できるnumberpicker

標準では単位の変更は出来ないとの事なので

NumberPickerをこの場合２つ並べれば簡単にできると思います

NumberPicker numPicker0 = (NumberPicker)findViewById(R.id.numPicker0);
NumberPicker numPicker1 = (NumberPicker)findViewById(R.id.numPicker1);

        
numPicker0.setMaxValue(3);
numPicker0.setMinValue(1);
 
numPicker1.setMaxValue(0);
numPicker1.setMinValue(0);        

numPicker0は1,2,3
numPicker1は0固定

これでnumPicker0だけをユーザーが動かせばできるでしょう
参考：
https://akira-watson.com/android/numberpicker.html

Comments

[xasax0404]

すみません。そのような方法も検討しましたが、100以上も考えてますので今回は辞めたんです。説明不足ですみませんでした。

[swordone]

100以上でもnumberPicker0の上限を10以上にすればいいのでは？

[aja]

100以上とは？
１１０... 250...3660, というようなpickerでしょうか
[1][1][0]と３つ、４つと桁を増やして並べれば済むのでは
あるいは何か他に理由があるのでしょう

Answer 3

マニフェストファイルもコピーしましたか？
起動Activityがサンプルのものになっているのかも知れませんね。
マニフェストファイルを追記してください。