自定义控件之AndroidSegmentControlView (仿IOS UISegmentControl)

admin

https://github.com/Carbs0126/AndroidSegmentControlView

控件说明1 SegmentControlView extends View

      这个SegmentControlView是继承自View的，而非组合控件，因此实现起来虽然有点繁琐，但是灵活性反而比组合控件要高很多，并且可以加上过度效果等，且比组合控件更加轻量化。

控件特点

      我实现的这个SegmentControlView具有如下特点：

　　1.SegmentControlView可设置与ViewPager联动，在segment切换时具有颜色渐变效果，类似微信。　　2.可以自定义SegmentControlView的四个corner的半径。　　3.自定义背景颜色与字体颜色、字体大小等等。　　4.在xml中设置SegmentControlView中的多个titles，自动按照titles生成多个segment。　　5.设置按下颜色与normal颜色的色值对比度。　　6.具有AT_MOST的适配功能,即具有wrap_content模式　　7.可以设置回调响应事件
使用方法属性文件说明

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <resources>
   
3. 
   
4.     <declare-styleable name="SegmentControlView">
   
5.         <attr name="scv_BackgroundSelectedColor" format="reference|color" />//选中segment的背景颜色
   
6.         <attr name="scv_BackgroundNormalColor" format="reference|color" />//未选中segment的背景颜色
   
7.         <attr name="scv_TextSelectedColor" format="reference|color" />//选中segment的文字颜色
   
8.         <attr name="scv_TextNormalColor" format="reference|color" />//未选中segment的文字颜色
   
9.         <attr name="scv_FrameColor" format="reference|color" />//segment边框的颜色
   
10.         <attr name="scv_FrameWidth" format="reference|dimension" />//segment边框的宽度
    
11.         <attr name="scv_FrameCornerRadius" format="reference|dimension" />//segment四个圆角的半径大小
    
12.         <attr name="scv_TextSize" format="reference|dimension" />//文字大小
    
13.         <attr name="scv_TextArray" format="reference" />//string数组，每一个string都会填充到一个segment中
    
14.         <attr name="scv_SelectedIndex" format="reference|integer" />//默认选中的segment
    
15.         <attr name="scv_SegmentPaddingHorizontal" format="reference|dimension" />//每一个segment内部的水平padding
    
16.         <attr name="scv_SegmentPaddingVertical" format="reference|dimension" />每一个Segment的竖直方向的padding
    
17.         <attr name="scv_Gradient" format="reference|boolean" />//Segment改变时是否使用颜色渐变效果
    
18.     </declare-styleable>
    
19. 
    
20. </resources>

复制代码

布局文件创建SegmentControlView

1. <cn.carbs.android.segmentcontrolview.library.SegmentControlView
   
2.         android:layout_width="wrap_content"
   
3.         android:layout_height="wrap_content"
   
4.         android:layout_gravity="center_horizontal"
   
5.         android:paddingLeft="10dp"
   
6.         android:paddingRight="10dp"
   
7.         app:scv_FrameCornerRadius="6dp"
   
8.         app:scv_FrameWidth="1dp"
   
9.         app:scv_Gradient="true"
   
10.         app:scv_SegmentPaddingVertical="5dp"
    
11.         app:scv_TextArray="@array/segment_control_arrays_0"/>

复制代码

使用方法

1. dependencies {
   
2.     compile 'cn.carbs.android:SegmentControlView:1.0.0'
   
3. }

复制代码

1. segmentcontrolview.setOnSegmentChangedListener(new SegmentControlView.OnSegmentChangedListener() {
   
2.         @Override
   
3.         public void onSegmentChanged(int newSelectedIndex) {
   
4.             if(viewpager != null){
   
5.                 //change the second argument to true if you want the gradient effect when viewpager is changing
   
6.                 viewpager.setCurrentItem(newSelectedIndex, false);//viewpager changing without animation
   
7.             }
   
8.         }
   
9.     });
   
10.     //set viewpager to change segment according to the state of viewpager
    
11.     segmentcontrolview.setViewPager(viewpager);
    
12.     //set the selected index of segments initiatively
    
13.     segmentcontrolview.setSelectedIndex();
    
14.     //set gradient effect if you want
    
15.     segmentcontrolview.setGradient(true);

复制代码