Android選項切換條SHSegmentControl
SHSegmentControl是github上一個開源的選項切換條,其樣式如圖所示:
SHSegmentControl在github上的項目主頁地址:https://github.com/7heaven/SHSegmentControl
SHSegmentControl使用簡單,在xml布局文件中即可實現配置。比如,segmentcontrol:texts="A|B|C|D"
即為在選項切換條中的文本。
segmentcontrol:verticalGap和segmentcontrol:horizonGap設置選項切換條的高度和其中每一個條目的平均寬度。
通過SHSegmentControl的setOnSegmentControlClickListener(new? OnSegmentControlClickListener ()),為控件增加點擊選擇觸發事件。在回調中,index是從左到右或者自上而下的索引。
現在給出代碼實現本文圖中所示結果。
布局文件:
<RelativeLayout 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" ><com.sevenheaven.segmentcontrol.SegmentControlxmlns: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_alignParentTop="true"android:textSize="15sp"segmentcontrol:colors="#0099CC"segmentcontrol:cornerRadius="5dip"segmentcontrol:direction="horizon"segmentcontrol:horizonGap="20dip"segmentcontrol:texts="A|B|C|D"segmentcontrol:verticalGap="8dip" /><com.sevenheaven.segmentcontrol.SegmentControlxmlns: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_centerInParent="true"android:textSize="15sp"segmentcontrol:colors="#0099CC"segmentcontrol:cornerRadius="5dip"segmentcontrol:direction="vertical"segmentcontrol:horizonGap="30dip"segmentcontrol:texts="E|F|G|H"segmentcontrol:verticalGap="10dip" /></RelativeLayout>
Java控制代碼:
import com.sevenheaven.segmentcontrol.SegmentControl;
import com.sevenheaven.segmentcontrol.SegmentControl.OnSegmentControlClickListener;import android.app.Activity;
import android.os.Bundle;
import android.widget.Toast;public class MainActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);SegmentControl segment_control_horizon=(SegmentControl) findViewById(R.id.segment_control_horizon);segment_control_horizon.setOnSegmentControlClickListener(new OnSegmentControlClickListener (){@Overridepublic void onSegmentControlClick(int index) {Toast.makeText(getApplicationContext(), index+"", Toast.LENGTH_SHORT).show();}});SegmentControl segment_control_vertical=(SegmentControl) findViewById(R.id.segment_control_vertical);segment_control_vertical.setOnSegmentControlClickListener(new OnSegmentControlClickListener (){@Overridepublic void onSegmentControlClick(int index) {Toast.makeText(getApplicationContext(), index+"", Toast.LENGTH_SHORT).show();}});}
}