项目作者: yujinzhao123

项目描述 :
android seekbar 双向选择的进度条
高级语言: Java
项目地址: git://github.com/yujinzhao123/DoubleHeadedDragonBar.git
创建时间: 2018-12-26T05:34:22Z
项目社区:https://github.com/yujinzhao123/DoubleHeadedDragonBar

开源协议:MIT License

下载


android seekbar

(双头龙控件,喜欢的老铁来个双击,来个star)

双向选择的进度条,回调返回百分比值,气泡控件根据需求传入一个View即可。


样式

图


使用

Grade

  1. allprojects {
  2. repositories {
  3. ...
  4. maven { url 'https://www.jitpack.io' }
  5. }
  6. }
  7. dependencies {
  8. implementation 'com.github.yujinzhao123:DoubleHeadedDragonBar:1.0.4'
  9. }

Maven

  1. <repositories>
  2. <repository>
  3. <id>jitpack.io</id>
  4. <url>https://www.jitpack.io</url>
  5. </repository>
  6. </repositories>
  7. <dependency>
  8. <groupId>com.github.yujinzhao123</groupId>
  9. <artifactId>DoubleHeadedDragonBar</artifactId>
  10. <version>1.0.4</version>
  11. </dependency>

属性

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <resources>
  3. <declare-styleable name="DoubleHeadedDragonBar">
  4. <!--进度条按钮宽高-->
  5. <attr name="button_width" format="dimension" ></attr>
  6. <attr name="button_height" format="dimension" ></attr>
  7. <!--进图条按钮图片-->
  8. <attr name="button_img" format="reference"></attr>
  9. <!--单位字体颜色-->
  10. <attr name="text_color" format="color"></attr>
  11. <!--进图条背景颜色-->
  12. <attr name="bg_color" format="color"></attr>
  13. <!--进度条颜色-->
  14. <attr name="value_color" format="color"></attr>
  15. <!--进度条宽-->
  16. <attr name="seek_height" format="dimension"></attr>
  17. </declare-styleable>
  18. </resources>

案layout

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. xmlns:app="http://schemas.android.com/apk/res-auto"
  4. xmlns:tools="http://schemas.android.com/tools"
  5. android:layout_width="match_parent"
  6. android:layout_height="match_parent"
  7. android:background="#fff"
  8. tools:context=".MainActivity">
  9. <cn.bar.DoubleHeadedDragonBar
  10. android:layout_margin="10dp"
  11. android:id="@+id/bar"
  12. app:text_color="#5C6980"
  13. app:button_img="@drawable/button"
  14. android:layout_width="match_parent"
  15. android:layout_height="wrap_content" ></cn.bar.DoubleHeadedDragonBar>
  16. <cn.bar.DoubleHeadedDragonBar
  17. android:layout_below="@+id/bar"
  18. android:layout_margin="10dp"
  19. android:id="@+id/bar1"
  20. app:text_color="#1B97F7"
  21. app:button_img="@mipmap/seek_button"
  22. app:button_height="40dp"
  23. app:button_width="40dp"
  24. app:bg_color="#999"
  25. app:value_color="#e97051"
  26. app:seek_height="6dp"
  27. android:layout_width="match_parent"
  28. android:layout_height="wrap_content" ></cn.bar.DoubleHeadedDragonBar>
  29. </RelativeLayout>

Activity

  1. DoubleHeadedDragonBar bar,bar1;
  2. TextView testView,testView1;
  3. @Override
  4. protected void onCreate(Bundle savedInstanceState) {
  5. super.onCreate(savedInstanceState);
  6. setContentView(R.layout.activity_main);
  7. final int maxValue = 6;
  8. bar = findViewById(R.id.bar);
  9. //设置单位刻度显示
  10. bar.setUnit("0公斤", "6公斤");
  11. bar.setCallBack(new DoubleHeadedDragonBar.DhdBarCallBack() {
  12. @Override
  13. public String getMinMaxString(int value, int value1) {
  14. return value + "~" + value1;
  15. }
  16. @Override
  17. public void onEndTouch(float minPercentage, float maxPercentage) {
  18. }
  19. });
  20. //设置气泡按钮
  21. testView2 = (TextView) LayoutInflater.from(this).inflate(R.layout.toast_view, null);
  22. bar.setToastView2(testView2);
  23. testView = (TextView) LayoutInflater.from(this).inflate(R.layout.toast_view, null);
  24. bar.setToastView(testView);
  25. testView.setText("0");
  26. testView1 = (TextView) LayoutInflater.from(this).inflate(R.layout.toast_view, null);
  27. bar.setToastView1(testView1);
  28. testView1.setText("6");
  29. bar1 = findViewById(R.id.bar1);
  30. bar1.setUnit("0", "100");
  31. bar1.setMinValue(10);
  32. bar1.setMaxValue(80);
  33. //手动隐藏气泡,避免在PopupWindow中关闭不了气泡
  34. //bar.close();
  35. }