Androidで動的な定数範囲効果を実現するコントロール

まずは効果を見てみましょう:

1. 依存ライブラリの追加手順

1プロジェクトのgradleファイル内で以下の変更を行います

allprojects {
  repositories {
   ...
   maven { url "https://jitpack.io" }
  }
 }

2最新バージョンの依存ライブラリを追加します。最新バージョンは以下の通りです。バージョン番号を変更するだけで良いです（時にはreadmeにバージョンを忘れることがあります）

dependencies {
   compile 'com.github.Brioal:BrioalSetting:1.0"
   ////例えば、最新バージョンは1.1、次のように1.0に変更1.1最新バージョンを使用できます
 }

二、使用手順：

1.xmlレイアウトファイル

実際の使用过程中、他のコンポーネントと一緒に使用すると、スライドイベントが無効になることがあります。まだコード内で解決策を見つけていません。focusを設定することも、一時的な解決策として、コンポーネントに親レイアウトを追加し、他のコンポーネントを含まないようにすることができます。以下のようになります：

<LinearLayout
  android:id="@"+id/layout"
android:layout_centerInParent="true"
  android:layout_width="match_parent"
  android:layout_height="wrap_content">
  <com.brioal.rangeseek.view.RangeBar
   android:id="@"+id/main_container"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_centerInParent="true"/>
 </LinearLayout>

2.コード設定

mRangeBar = (RangeBar) findViewById(R.id.main_container);
   //データソースを追加
  final List<RangeEntity> list = new ArrayList<>();
  //表示する文字と実際の値は、それぞれStringとObjectのタイプです
  list.add(new RangeEntity("15℃", 15));
  list.add(new RangeEntity("18℃", 18));
  list.add(new RangeEntity("21℃", 21));
  list.add(new RangeEntity("24℃", 24));
  list.add(new RangeEntity("27℃", 27));
  list.add(new RangeEntity("30℃", 30));
  //データソースを設定
  mRangeBar.setValues(list);
  //追加範囲変更リスナー
  mRangeBar.addOnRangeChangedListener(new OnRangeChangedListener() {
   @Override
   public void selected(int startIndex, int endIndex) {
   //取得したのは、リスト内での始まりと終了のデータに対応するインデックスです
    mTvMin.setText(list.get(startIndex).getValue()) + ");"
    mTvMax.setText(list.get(endIndex).getValue()) + ");"
   }
  });

3.提供するカスタムビューのためのメソッド

方法 機能
void addOnRangeChangedListener(OnRangeChangedListener listener) イベントリスナーを設定
void setLineColor(int lineColor) 中間の線の色を設定
void setLineWidth(int lineWidth) 中間の線の幅を設定
void setCircleColor(int circleColor) 円の枠の色を設定
void setCircleRadius(int circleRadius) 円の半径を設定
void setCircleWidth(int circleWidth) 円の線の幅を設定
void setCenterColor(int centerColor) 選択する円の充填色を設定
void setPointColor(int pointColor) 游標の充填色を設定
void setStartIndex(int startIndex) 選択する始まりのインデックスを設定
int getStartIndex() 選択する始まりのインデックスを取得
void setEndIndex(int endIndex) 終了するインデックスを設定
int getEndIndex() 終了するインデックスを取得

まとめ

これでこの記事の全ての内容が終わります。この記事が皆さんの学習や仕事に少しでも役立つことを願っています。何か疑問があれば、コメントで質問してください。