美文网首页
android 自定义view seekbar

android 自定义view seekbar

作者: 74e50e9fa0d3 | 来源:发表于2019-01-02 14:53 被阅读0次

    双向选择;
    支持气泡功能,气泡文字,背景样式可以自定义;
    进度条按钮,颜色,宽度在xml中设置;


    GitHub地址」用的上的话,点star不迷路,小老弟跪求了~

    样式

    在这里插入图片描述

    使用

    Grade

        allprojects {
            repositories {
                ...
                maven { url 'https://www.jitpack.io' }
            }
        }
            
            dependencies {
                implementation 'com.github.yujinzhao123:DoubleHeadedDragonBar:1.0.4'
        }
    

    Maven

        <repositories>
            <repository>
                <id>jitpack.io</id>
                <url>https://www.jitpack.io</url>
            </repository>
        </repositories>
            
           <dependency>
            <groupId>com.github.yujinzhao123</groupId>
            <artifactId>DoubleHeadedDragonBar</artifactId>
            <version>1.0.4</version>
        </dependency>
    

    属性

    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <declare-styleable name="DoubleHeadedDragonBar">
            <!--进度条按钮宽高-->
            <attr name="button_width" format="dimension" />
            <attr name="button_height" format="dimension" />
            <!--进图条按钮图片-->
            <attr name="button_img" format="reference"/>
            <!--单位字体颜色-->
            <attr name="text_color" format="color"/>
            <!--进图条背景颜色-->
            <attr name="bg_color" format="color"/>
            <!--进度条颜色-->
            <attr name="value_color" format="color"/>
            <!--进度条宽-->
            <attr name="seek_height" format="dimension"/>
        </declare-styleable>
    
    </resources>
    

    案layout

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#fff"
        tools:context=".MainActivity">
        <cn.bar.DoubleHeadedDragonBar
            android:layout_margin="10dp"
            android:id="@+id/bar"
            app:text_color="#5C6980"
            app:button_img="@drawable/button"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    
        <cn.bar.DoubleHeadedDragonBar
            android:layout_below="@+id/bar"
            android:layout_margin="10dp"
            android:id="@+id/bar1"
            app:text_color="#1B97F7"
            app:button_img="@mipmap/seek_button"
            app:button_height="40dp"
            app:button_width="40dp"
            app:bg_color="#999"
            app:value_color="#e97051"
            app:seek_height="6dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    </RelativeLayout>
    

    Activity

     
            final int maxValue = 6;
            bar = findViewById(R.id.bar);
            //设置单位刻度显示
            bar.setUnit("0公斤", "6公斤");
            bar.setCallBack(new DoubleHeadedDragonBar.DhdBarCallBack() {
                //返回气泡显示文字
                @Override
                public String getMinMaxString(int value, int value1) {
                    return value + "~" + value1;
                }
                //结束触摸 按百分比返回选择值,范围 0~100
                @Override
                public void onEndTouch(float minPercentage, float maxPercentage) {
                }
            });
            //设置气泡按钮
            testView2 = (TextView) LayoutInflater.from(this).inflate(R.layout.toast_view, null);
            bar.setToastView2(testView2);
    
            testView = (TextView) LayoutInflater.from(this).inflate(R.layout.toast_view, null);
            bar.setToastView(testView);
            testView.setText("0");
            testView1 = (TextView) LayoutInflater.from(this).inflate(R.layout.toast_view, null);
            bar.setToastView1(testView1);
            testView1.setText("6");
    
    
            bar1 = findViewById(R.id.bar1);
            bar1.setUnit("0", "100");
            bar1.setMinValue(10);
            bar1.setMaxValue(80);
        }
    

    相关文章

      网友评论

          本文标题:android 自定义view seekbar

          本文链接:https://www.haomeiwen.com/subject/bwyzlqtx.html