github源碼地址：https://github.com/zhou-you/EasySegmentedBarView

EasySegmentedBarView

本庫主要提供一個簡單易用的自定義分段控件，方便快速實現(xiàn)分段效果，支持xml配置、代碼配置、分段規(guī)則按均分/比例分、數(shù)字分段、文本分段、漸變分段、bar條樣式正常/圓形/三角形，segment文字樣式、進度設置、進度指示標記類型設置、分段描述設置、分段間距、其它更多自定義設置等功能。

功能

• 支持xml配置；
• 支持通過代碼配置；
• 支持bar條分段規(guī)則按均分/比例分；
• 支持數(shù)字分段、文本分段；
• 支持bar條漸變分段；
• 支持設置bar條side樣式正常/圓形/三角形；
• 支持segment文字樣式；
• 支持進度設置，unit單位顯示，進度為數(shù)字或指定文本；
• 支持進度指示標記類型設置,上部顯示/覆蓋疊加顯示；
• 支持進度指示三角形是否顯示；
• 支持分段間距設置；
• 支持其它更多自定義設置、包括顏色、長寬、間距等；

關(guān)于我

聯(lián)系方式

本群旨在為使用我github項目的人提供方便，如果遇到問題歡迎在群里提問。

歡迎加入QQ交流群:581235049

演示（請star支持）

版本說明

Demo下載

用法介紹

build.gradle設置

dependencies {
 compile 'com.zhouyou:segmentedbar:1.0.1'
}

想查看所有版本，請點擊下面地址。

在xml布局中

<com.zhouyou.view.segmentedbar.SegmentedBarView
                android:id="@+id/barView"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:paddingBottom="5dp"
                android:paddingTop="5dp"
                app:sbv_empty_segment_text="No segments"
                app:sbv_segment_gap_width="5dp"
                app:sbv_segment_rule="average"
                app:sbv_segment_text_size="15sp"
                app:sbv_show_description_text="true"
                app:sbv_side_style="rounded"
                app:sbv_side_text_style="twoSided"
                app:sbv_value_sign_height="30dp"
                app:sbv_value_sign_round="8dp"
                app:sbv_value_sign_width="100dp"
                />

具體屬性設置

在代碼中

方式一

       SegmentedBarView barView = (SegmentedBarView) findViewById(R.id.barView);
        ArrayList<Segment> segments = new ArrayList<>();
        Segment segment = new Segment(0, 4.5f, "Low", Color.parseColor("#EF3D2F"));
        segments.add(segment);
        Segment segment2 = new Segment(4.5f, 9.5f, "Optimal", Color.parseColor("#8CC63E"));
        segments.add(segment2);
        Segment segment3 = new Segment(9.5f, 20f, "High", Color.parseColor("#EF3D2F"));
        segments.add(segment3);
        barView.setValueWithUnit(13.96f, "10<sup>12</sup>/l");
        //barView.setSegmentSideRule(SegmentedBarViewSideRule.average);//通過代碼設置規(guī)則
        //barView.setValue(13.96f);
        //barView.setValue(13.96f,"Optimal");
        barView.setSegments(segments);

方式二

       SegmentedBarView barView = new SegmentedBarView(this);
        ArrayList<Segment> segments = new ArrayList<>();
        Segment segment = new Segment(0, 4.5f, "Low", Color.parseColor("#EF3D2F"));
        segments.add(segment);
        Segment segment2 = new Segment(4.5f, 6.5f, "Optimal", Color.parseColor("#8CC63E"));
        segments.add(segment2);
        Segment segment3 = new Segment(6.5f, 20f, "High", Color.parseColor("#EF3D2F"));
        segments.add(segment3);
        barView.setValue(4.96f);
        barView.setUnit("m");
        barView.setSideTextStyle(SegmentedBarViewSideTextStyle.TWO_SIDED);
        barView.setSideStyle(SegmentedBarViewSideStyle.ROUNDED);
        barView.setSegments(segments);
        barView.setShowDescriptionText(false);
        barView.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT));
        barView.setPadding(0, getResources().getDimensionPixelSize(R.dimen.vertical_padding), 0, 0);
        sideStyleLayout.addView(barView);

方式三

        ArrayList<Segment> segments = new ArrayList<>();
        Segment segment = new Segment(0, 4.5f, "Low", Color.parseColor("#EF3D2F"));
        segments.add(segment);
        Segment segment2 = new Segment(4.5f, 6.5f, "Optimal", Color.parseColor("#8CC63E"));
        segments.add(segment2);
        Segment segment3 = new Segment(6.5f, 20f, "High", Color.parseColor("#EF3D2F"));
        segments.add(segment3);
        SegmentedBarView barView = SegmentedBarView.builder(this)
                .segments(segments)
                .value(5.25f)
                .unit("ml<sup>2</sup>")
                .showDescriptionText(true)
                .sideStyle(SegmentedBarViewSideStyle.ANGLE)
                .build();
        barView.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT));
        barView.setPadding(0, getResources().getDimensionPixelSize(R.dimen.vertical_padding), 0, 0);
        javaCodeLayout.addView(barView);

具體方法設置

Other

其它更多設置和使用方法，請參考Demo

感謝

該庫部分思想借鑒了以下項目：
https://github.com/gspd-mobi/SegmentedBarView-Android
在此特別感謝上述作者，喜歡原作的可以去使用原項目。同時歡迎大家下載體驗本項目，如果使用過程中遇到什么問題，歡迎反饋。

支持開源

樂于贊賞，感謝朋友們的支持和鼓勵，讓我們一起努力做一些好東西!

可以使用「微信」「支付寶」客戶端贊賞：

支付