Android動態效果定值范圍選擇控件

效果演示:

添加依賴庫的步驟

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></code></pre> 

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) {
            //獲取到的是起始和終止的數據在List中所對應的下標
                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()
 
     
獲取終止的下標