选项切换条--第三方开源--SHSegmentControl

SHSegmentControl在github上的项目主页地址：https://github.com/7heaven/SHSegmentControl 

SHSegmentControl使用简单，在xml布局文件中即可实现配置。比如，segmentcontrol:texts="A|B|C|D" 
即为在选项切换条中的文本。

测试代码如下：

activity_main.xml：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <!-- segmentcontrol:cornerRadius="5dip" 设置边缘切角 -->
    <!-- segmentcontrol:horizonGap="20dip" 设置水平宽度 -->
    <!-- segmentcontrol:verticalGap="8dip" 设置一个单元的垂直宽度 -->
    <!-- segmentcontrol:direction="horizon" 设置一个单元的水平宽度 -->

    <com.sevenheaven.segmentcontrol.SegmentControl
        xmlns:segmentcontrol="http://schemas.android.com/apk/res-auto"
        android:id="@+id/segment_control_horizon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:textSize="15sp"
        segmentcontrol:colors="#0099CC"
        segmentcontrol:cornerRadius="10dip"
        segmentcontrol:direction="horizon"
        segmentcontrol:horizonGap="20dip"
        segmentcontrol:texts="A|B|C|D"
        segmentcontrol:verticalGap="8dip" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:paddingTop="20dp"
        android:text="A"
        android:textColor="@android:color/holo_red_light"
        android:textSize="50sp" />
    
    
     <com.sevenheaven.segmentcontrol.SegmentControl
        xmlns:segmentcontrol="http://schemas.android.com/apk/res-auto"
        android:id="@+id/segment_control_vertical"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:textSize="15sp"
        segmentcontrol:colors="@android:color/holo_orange_light"
        segmentcontrol:cornerRadius="10dip"
        segmentcontrol:direction="vertical"
        segmentcontrol:horizonGap="10dip"
        segmentcontrol:texts="A|B|C|D"
        segmentcontrol:verticalGap="20dip" />
     
     <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:paddingTop="20dp"
        android:text="A"
        android:textColor="@android:color/holo_green_light"
        android:textSize="50sp" />

</LinearLayout>

activity_main.xml

MainActivity.java：

package com.zzw.testsegmentcontrol;

import com.sevenheaven.segmentcontrol.SegmentControl;
import com.sevenheaven.segmentcontrol.SegmentControl.OnSegmentControlClickListener;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.widget.TextView;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        final TextView textView = (TextView) findViewById(R.id.textView);
        final TextView textView1 = (TextView) findViewById(R.id.textView1);
        
        SegmentControl segment_control_horizon = (SegmentControl) findViewById(R.id.segment_control_horizon);
        SegmentControl segment_control_vertical = (SegmentControl) findViewById(R.id.segment_control_vertical);
        
        segment_control_horizon
                .setOnSegmentControlClickListener(new OnSegmentControlClickListener() {

                    @Override
                    public void onSegmentControlClick(int index) {
                        Log.d("horizon-当前位置", index + "");
                        switch (index) {
                        case 0:
                            textView.setText("A");
                            break;
                        case 1:
                            textView.setText("B");
                            break;
                        case 2:
                            textView.setText("C");
                            break;
                        case 3:
                            textView.setText("D");
                            break;
                        }
                    }
                });
        
        segment_control_vertical
        .setOnSegmentControlClickListener(new OnSegmentControlClickListener() {

            @Override
            public void onSegmentControlClick(int index) {
                Log.d("vertical-当前位置", index + "");
                switch (index) {
                case 0:
                    textView1.setText("A");
                    break;
                case 1:
                    textView1.setText("B");
                    break;
                case 2:
                    textView1.setText("C");
                    break;
                case 3:
                    textView1.setText("D");
                    break;
                }
            }
        });
    }
}