SHSegmentControl

segmentcontrol widget for android

Code Quality Rank: L2

Programming language: Java

License: GNU General Public License v3.0 or later

Tags: Other Widget    

Latest version: v1.17

README

[](LICENSE)

中文

a simple SegmentControl Widget

[art2](arts/arts2.gif)

[art1](arts/arts1.gif)

使用：

添加依赖到build.gradle：

dependencies {
    compile 'com.7heaven.widgets:segmentcontrol:1.17'
}

相关属性:

• selectedColor 设置选中后的颜色
• normalColor 设置未选中的颜色
• textColors 设置文字内容的颜色，可以使用ColorStateList来设置选中和未选中的颜色，这个属性设置以后，之前设置的selectedColor和normalColor对文字内容失去作用
• backgroundColors 设置边框、选中的背景和分割线的颜色，可以使用ColorStateList来同事设置选中和未选中的颜色，和textColors一样，设置这个属性后，selectedColor和normalColor会对边框和背景失去作用
• cornerRadius 设置背景的圆角半径
• boundWidth 设置边框的粗细
• separatorWidth 设置分割线的粗细
• texts 设置文字内容，通过'|'分隔开
• verticalGap 纵向上的边距
• horizonGap 横向的边距

<com.sevenheaven.segmentcontrol.SegmentControl
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/segment_control"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"                         
    android:textSize="18sp"
    app:block_direction="horizontal"
    app:selectedColor="#32ADFF"
    app:normalColor="#FFFFFF"
    app:textColors="@color/text_colors"
    app:backgroundColors="@color/background_color"
    app:cornerRadius="5dp"
    app:separatorWidth="2dp"
    app:boundWidth="4dp"
    app:texts="啊啊|啦啦啦|哈哈哈|顶顶顶顶"
    app:verticalGap="10dp"
    app:horizonGap="10dp"/>

使用OnSegmentControlClickListener来监听选中的变换

mSegmentHorzontal = (SegmentControl) findViewById(R.id.segment_control);
mSegmentHorzontal.setOnSegmentControlClickListener(new SegmentControl.OnSegmentControlClickListener() {
    @Override
    public void onSegmentControlClick(int index) {
        Log.i(TAG, "onSegmentControlClick: index = " + index);
    }
});

English

a simple SegmentControl Widget

[art2](arts/arts2.gif)

[art1](arts/arts1.gif)

Usage：

add dependency to build.gradle：

dependencies {
    compile 'com.7heaven.widgets:segmentcontrol:1.16'
}

Attributes:

• selectedColor attribute for setting the selected color
• normalColor attribute for setting the unselected color
• textColors attribute for setting text colors, this attribute accept ColorStateList so you can set text selected color & text unselected color using this attribute,once this attribute is set, the previously selectedColor & normalColor attributes will not affect the text color
• backgroundColors for setting the round corner background stroke color, separators color & selected background color,same as textColors, when this attribute is set, previously selectedColor & normalColor attributes will not affect the background color, this attribute accept ColorStateList
• cornerRadius setting the corner radius of the background
• boundWidth setting the round corner background stroke width
• separatorWidth setting width of separators
• texts setting the string contents, separated by '|'
• verticalGap vertical padding
• horizonGap horizontal padding

noticed that textColors & backgroundColors has higher priority than selectedColor & normalColor

<com.sevenheaven.segmentcontrol.SegmentControl
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/segment_control"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"                         
    android:textSize="18sp"
    app:block_direction="horizontal"
    app:selectedColor="#32ADFF"
    app:normalColor="#FFFFFF"
    app:textColors="@color/text_colors"
    app:backgroundColors="@color/background_color"
    app:cornerRadius="5dp"
    app:separatorWidth="2dp"
    app:boundWidth="4dp"
    app:texts="啊啊|啦啦啦|哈哈哈|顶顶顶顶"
    app:verticalGap="10dp"
    app:horizonGap="10dp"/>

using OnSegmentControlClickListener to listen to segment change event.

mSegmentHorzontal = (SegmentControl) findViewById(R.id.segment_control);
mSegmentHorzontal.setOnSegmentControlClickListener(new SegmentControl.OnSegmentControlClickListener() {
    @Override
    public void onSegmentControlClick(int index) {
        Log.i(TAG, "onSegmentControlClick: index = " + index);
    }
});