自定义SegmentControlView

最新推荐文章于 2024-06-18 09:47:23 发布
最新推荐文章于 2024-06-18 09:47:23 发布
阅读量222 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ZhangXuxiaoqingnian/article/details/82017843
版权

1.自定义属性

<resources>

    <declare-styleable name="SegmentControlView">
        <attr name="scv_BackgroundSelectedColor" format="reference|color" />
        <attr name="scv_BackgroundNormalColor" format="reference|color" />
        <attr name="scv_TextSelectedColor" format="reference|color" />
        <attr name="scv_TextNormalColor" format="reference|color" />
        <attr name="scv_FrameColor" format="reference|color" />
        <attr name="scv_FrameWidth" format="reference|dimension" />
        <attr name="scv_FrameCornerRadius" format="reference|dimension" />
        <attr name="scv_TextSize" format="reference|dimension" />
        <attr name="scv_TextArray" format="reference" />
        <attr name="scv_SelectedIndex" format="reference|integer" />
        <attr name="scv_SegmentPaddingHorizontal" format="reference|dimension" />
        <attr name="scv_SegmentPaddingVertical" format="reference|dimension" />
        <attr name="scv_Gradient" format="reference|boolean" />
    </declare-styleable>
    
</resources>

2.自定义控件

public class SegmentControlView extends View {
    
    /**
     * onSegmentChanged function will be triggered if segment changed
     */
    public interface OnSegmentChangedListener{
        void onSegmentChanged(int newSelectedIndex);
    }
    
    private static final float TOUCHED_BACKGROUND_DARK_COEFFICIENT = 0.95F;
    
    private static final int COLOR_PRIMARY_NORMAL = 0XFFFFFFFF;
    private static final int COLOR_PRIMARY_SELECTED = 0XFF2CA99F;
    
    private static final int DEFAULT_COLOR_BACKGROUND_SELECTED = COLOR_PRIMARY_SELECTED;
    private static final int DEFAULT_COLOR_BACKGROUND_NORMAL = COLOR_PRIMARY_NORMAL;
    private static final int DEFAULT_COLOR_TEXT_SELECTED = COLOR_PRIMARY_NORMAL;
    private static final int DEFAULT_COLOR_TEXT_NORMAL = COLOR_PRIMARY_SELECTED;
    private static final int DEFAULT_COLOR_FRAME = COLOR_PRIMARY_SELECTED;
    private static final int DEFAULT_TEXT_SIZE_SP = 16;
    private static final int DEFAULT_FRAME_WIDTH_PX = 2;
    private static final int DEFAULT_FRAME_CORNER_RADIUS_PX = 0;
    private static final int DEFAULT_SELECTED_INDEX = 0;
    private static final int DEFAULT_SEGMENT_PADDING_HORIZONTAL = 16;
    private static final int DEFAULT_SEGMENT_PADDING_VERTICAL = 12;
    private static final boolean DEFAULT_IS_GRADIENT = false;
    
    private String[] mTexts = null;
    
    private int mColorBackgroundSelected = DEFAULT_COLOR_BACKGROUND_SELECTED;
    private int mColorBackgroundNormal = DEFAULT_COLOR_BACKGROUND_NORMAL;
    private int mColorTextSelected = DEFAULT_COLOR_TEXT_SELECTED;
    private int mColorTextNormal = DEFAULT_COLOR_TEXT_NORMAL;
    private int mColorFrame = DEFAULT_COLOR_FRAME;
    private int mFrameWidth = DEFAULT_FRAME_WIDTH_PX;
    private int mFrameCornerRadius = DEFAULT_FRAME_CORNER_RADIUS_PX;
    
    private int mTextSize = 0;
    private int mSelectedIndex = DEFAULT_SELECTED_INDEX;
    
    //used in wrap_content mode
    private int mSegmentPaddingHorizontal = DEFAULT_SEGMENT_PADDING_HORIZONTAL;
    private int mSegmentPaddingVertical = DEFAULT_SEGMENT_PADDING_VERTICAL;
    
    private boolean mIsGradient = DEFAULT_IS_GRADIENT;
    private OnSegmentChangedListener mOnSegmentChangedListener;
    
    private float unitWidth = 0;
    private Paint paintText;        //painter of the text 
    private Paint paintBackground;    //painter of the background
    private Paint paintFrame;        //painter of the frame
    private RectF rectF;
    private RectF rectFArc;
    private Path pathFrame;
    
    private float textCenterYOffset;
    
    private int preTouchedIndex = -1;
    private int curTouchedIndex = -1;

    private ViewPager viewPager;
    
    public SegmentControlView(Context context) {
        super(context);
        init();
    }
    public SegmentControlView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initAttr(context, attrs);
        init();
    }
    public SegmentControlView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initAttr(context, attrs);
        init();
    }

    private void initAttr(Context context, AttributeSet attrs) {
        if (attrs == null) {
            return;
        }

        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.SegmentControlView);

        int n = a.getIndexCount();
        for (int i = 0; i < n; i++) {
            int attr = a.getIndex(i);
            if(attr == R.styleable.SegmentControlView_scv_BackgroundSelectedColor){
                mColorBackgroundSelected = a.getColor(attr, DEFAULT_COLOR_BACKGROUND_SELECTED);
            }else if(attr == R.styleable.SegmentControlView_scv_BackgroundNormalColor){
                mColorBackgroundNormal = a.getColor(attr, DEFAULT_COLOR_BACKGROUND_NORMAL);
            }else if(attr == R.styleable.SegmentControlView_scv_TextSelectedColor){
                mColorTextSelected = a.getColor(attr, DEFAULT_COLOR_TEXT_SELECTED);
            }else if(attr == R.styleable.SegmentControlView_scv_TextNormalColor){
                mColorTextNormal = a.getColor(attr, DEFAULT_COLOR_TEXT_NORMAL);
            }else if(attr == R.styleable.SegmentControlView_scv_FrameColor){
                mColorFrame = a.getColor(attr, DEFAULT_COLOR_FRAME);
            }else if(attr == R.styleable.SegmentControlView_scv_TextSize){
                mTextSize = a.getDimensionPixelSize(attr, sp2px(getContext(), DEFAULT_TEXT_SIZE_SP));
            }else if(attr == R.styleable.SegmentControlView_scv_TextArray){
                mTexts = convertCharSequenceToString(a.getTextArray(attr));
            }else if(attr == R.styleable.SegmentControlView_scv_FrameWidth){
                mFrameWidth = a.getDimensionPixelSize(attr, DEFAULT_FRAME_WIDTH_PX);
            }else if(attr == R.styleable.SegmentControlView_scv_FrameCornerRadius){
                mFrameCornerRadius = a.getDimensionPixelSize(attr, DEFAULT_FRAME_CORNER_RADIUS_PX);
            }else if(attr == R.styleable.SegmentControlView_scv_SelectedIndex){
                mSelectedIndex = a.getInteger(attr, DEFAULT_SELECTED_INDEX);
            }else if(attr == R.styleable.SegmentControlView_scv_SegmentPaddingHorizontal){
                mSegmentPaddingHorizontal = a.getDimensionPixelSize(attr, DEFAULT_SEGMENT_PADDING_HORIZONTAL);
            }else if(attr == R.styleable.SegmentControlView_scv_SegmentPaddingVertical){
                mSegmentPaddingVertical = a.getDimensionPixelSize(attr, DEFAULT_SEGMENT_PADDING_VERTICAL);
            }else if(attr == R.styleable.SegmentControlView_scv_Gradient){
                mIsGradient = a.getBoolean(attr, DEFAULT_IS_GRADIENT);
            }
        }
        a.recycle();
    }
    
    private void init(){
        rectF = new RectF();
        rectFArc = new RectF();
        pathFrame = new Path();

        if(mTextSize == 0)
            mTextSize = sp2px(getContext(), DEFAULT_TEXT_SIZE_SP);
        
        paintText = new Paint();
        paintText.setAntiAlias(true);
        paintText.setTextAlign(Paint.Align.CENTER);
        paintText.setTextSize(mTextSize);
        
        paintBackground = new Paint();
        paintBackground.setAntiAlias(true);
        paintBackground.setStyle(Paint.Style.FILL);
        
        paintFrame = new Paint();
        paintFrame.setAntiAlias(true);
        paintFrame.setStyle(Paint.Style.STROKE);
        paintFrame.setStrokeWidth(mFrameWidth);
        paintFrame.setColor(mColorFrame);
        
        textCenterYOffset = getTextCenterYOffset(paintText.getFontMetrics());
        this.setClickable(true);
    }
    
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        setMeasuredDimension(measureWidth(widthMeasureSpec, paintText), 
                             measureHeight(heightMeasureSpec, paintText));    
    }
    
    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        
        rectF.left = getPaddingLeft();
        rectF.top = getPaddingTop();
        rectF.right = w - getPaddingRight();
        rectF.bottom = h - getPaddingBottom();
        float inset = (float)Math.ceil(mFrameWidth / 2);
        rectF.inset(inset, inset);

        if(mTexts!= null && mTexts.length > 0){
            unitWidth = rectF.width() / mTexts.length;
        }
        
        rectFArc.left = 0;
        rectFArc.top = 0;
        rectFArc.right = 2 * mFrameCornerRadius;
        rectFArc.bottom = 2 * mFrameCornerRadius;
    }
    
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if(!isStringArrayEmpty(mTexts)){
            drawBackgroundAndFrameAndText(canvas);
        }
    }
    
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        preTouchedIndex = curTouchedIndex;
        switch(event.getAction()){
        case MotionEvent.ACTION_DOWN:
            curTouchedIndex = getTouchedIndex(event.getX(), event.getY());
            if(preTouchedIndex != curTouchedIndex){
                invalidate();
            }
            break;
        case MotionEvent.ACTION_MOVE:
            curTouchedIndex = getTouchedIndex(event.getX(), event.getY());
            if(preTouchedIndex != curTouchedIndex){
                invalidate();
            }
            break;
        case MotionEvent.ACTION_UP:
            curTouchedIndex = getTouchedIndex(event.getX(), event.getY());
            if(curTouchedIndex != -1){
                if(mOnSegmentChangedListener != null && mSelectedIndex != curTouchedIndex){
                    mOnSegmentChangedListener.onSegmentChanged(curTouchedIndex);
                }
                mSelectedIndex = curTouchedIndex;
            }
            curTouchedIndex = -1;
            if(mIsGradient && checkViewPagerOnPageChangeListener(this.viewPager)){
                
            }else{
                invalidate();
            }
            break;
        case MotionEvent.ACTION_CANCEL:
            curTouchedIndex = -1;
            invalidate();
            break;
        }
        return super.onTouchEvent(event);
    }
    
    public void setTextSize(int textSize){
        if(this.mTextSize != textSize){
            this.mTextSize = textSize;
            paintText.setTextSize(textSize);
            textCenterYOffset = getTextCenterYOffset(paintText.getFontMetrics());
            requestLayout();
            invalidate();
        }
    }
    
    public int getSelectedIndex(){
        return mSelectedIndex;
    }
    
    public void setSelectedIndex(int selectedIndex){
        if(mSelectedIndex != selectedIndex){
            mSelectedIndex = selectedIndex;
            if(mOnSegmentChangedListener != null){
                mOnSegmentChangedListener.onSegmentChanged(mSelectedIndex);
            }
//            invalidate();
            if(mIsGradient && checkViewPagerOnPageChangeListener(this.viewPager)){
            }else{
                invalidate();
            }
        }
    }
    
    public void setTextColor(int textColorNormal, int textColorSelected){
        this.mColorTextNormal = textColorNormal;
        this.mColorTextSelected = textColorSelected;
        invalidate();
    }
    
    public void setBackgroundColor(int backgroundColorNormal, int backgroundColorSelected){
        this.mColorBackgroundNormal = backgroundColorNormal;
        this.mColorBackgroundSelected = backgroundColorSelected;
        invalidate();
    }
    
    public void setFrameColor(int frameColor){
        this.mColorFrame = frameColor;
        invalidate();
    }
    
    public void setFrameWidth(int frameWidth){
        this.mFrameWidth = frameWidth;
        requestLayout();
        invalidate();
    }
    
    public void setTexts(String[] texts){
        assertTextsValid(texts);
        if(texts == null || texts.length < 2){
            throw new IllegalArgumentException("SegmentControlView's content text array'length should larger than 1");
        }
        if(checkIfEqual(this.mTexts, texts)){
            return;
        }
        this.mTexts = texts;
           unitWidth = rectF.width() / texts.length;
           requestLayout();
           invalidate();
    }
    
    public int getCount(){
        if(mTexts == null) return 0;
        return mTexts.length;
    }
    
    /**
     * setViewPager(viewpager) to response to the change of ViewPager
     * @param viewPager the viewPager you want segmentcontrolview to respond with
     */
    public void setViewPager(ViewPager viewPager) {
        this.viewPager = viewPager;
        if (viewPager != null) {
            viewPager.setOnPageChangeListener(new InternalViewPagerListener());
        }
    }
    
    /**
     * set if this view has the Gradient effect when segment changed
     * @param gradient set if you want gradient effect
     */
    public void setGradient(boolean gradient){
        if(mIsGradient != gradient){
            mIsGradient = gradient;
        }
    }
    
    public boolean getGradient(){
        return mIsGradient;
    }
    
    /**
     * when segment changed, 
     * mOnSegmentChangedListener.onSegmentChanged(newSelectedIndex) will be triggered
     * @param listener OnSegmentChangedListener
     */
    public void setOnSegmentChangedListener(OnSegmentChangedListener listener){
        mOnSegmentChangedListener = listener;
    }
    
    public void update(){
        invalidate();
    }
    
    private float getTextCenterYOffset(Paint.FontMetrics fontMetrics){
        if(fontMetrics == null) return 0;
        return Math.abs(fontMetrics.top + fontMetrics.bottom)/2;
    }
    
    private String[] convertCharSequenceToString(CharSequence[] csArray){
        if(csArray == null)    return null;
        String[] sArray = new String[csArray.length];
        for(int i = 0; i < csArray.length; i++){
            sArray[i] = csArray[i].toString();
        }
        return sArray;
    }

    private void assertTextsValid(String[] texts){
        if(texts == null || texts.length < 2){
            throw new IllegalArgumentException("SegmentControlView's content text array'length should larger than 1");
        }
    }
    
    private boolean checkViewPagerOnPageChangeListener(ViewPager viewPager){
        if(viewPager == null) return false;
        Field field = null;
        try {
            field = ViewPager.class.getDeclaredField("mOnPageChangeListener");
            if(field == null) return false;
            field.setAccessible(true);
            Object o = field.get(viewPager);
            if(o != null && o instanceof InternalViewPagerListener){
                return true;
            }
        } catch (Exception e) {
            return false;
        }
        return false;
    }
    
    private int getTouchedIndex(float x, float y){
        
        if(!rectF.contains(x, y)){
            return -1;
        }
        for(int i = 0; i < mTexts.length; i++){
            if(rectF.left + i * unitWidth <= x && x < rectF.left + (i + 1) * unitWidth){
                return i;
            }
        }
        return -1;
    }
    
    private boolean checkIfEqual(String[] a, String[] b){
        if(a == null && b == null){
            return true;
        }
        if(a != null){
            if(b == null){
                return false;
            }
            if(a.length != b.length){
                return false;
            }
            for(int i = 0; i < a.length; i++){
                if(a[i] == null && b[i] == null){
                    continue;
                }
                if(a[i] != null && a[i].equals(b[i])){
                    continue;
                }else{
                    return false;
                }
            }
            return true;
        }
        return false;
    }
    
    private int measureWidth(int measureSpec, Paint paint) {  
        int result = 0;  
        int specMode = MeasureSpec.getMode(measureSpec);  
        int specSize = MeasureSpec.getSize(measureSpec);  
           
        if (specMode == MeasureSpec.EXACTLY) {  
            result = specSize;
        } else {  
            int maxWidth = 0;
            int maxWidthItem = getMaxWidthOfTextArray(mTexts, paint);
            maxWidth = (maxWidthItem + 2 * mSegmentPaddingHorizontal + 2 * mFrameWidth) * mTexts.length;
            
            if(maxWidth < 2 * mFrameCornerRadius){
                maxWidth = 2 * mFrameCornerRadius;
            }
            
            result = this.getPaddingLeft() + this.getPaddingRight() + maxWidth;//MeasureSpec.UNSPECIFIED
            if (specMode == MeasureSpec.AT_MOST) {
                result = Math.min(result, specSize);  
            }
        }
        return result;  
    }  
    
    private int measureHeight(int measureSpec, Paint paint) {  
        int result = 0;  
        int specMode = MeasureSpec.getMode(measureSpec);  
        int specSize = MeasureSpec.getSize(measureSpec);  
        
        if (specMode == MeasureSpec.EXACTLY) {  
            result = specSize;  
        } else {  
            int maxHeight = 0;
            int maxHeightItem = getMaxHeightOfTextArray(mTexts, paint);
            
            maxHeight = maxHeightItem + 2 * mSegmentPaddingVertical + 2 * mFrameWidth;
            
            if(maxHeight < 2 * mFrameCornerRadius){
                maxHeight = 2 * mFrameCornerRadius;
            }
            
            result = this.getPaddingTop() + this.getPaddingBottom() + maxHeight;//MeasureSpec.UNSPECIFIED
            if (specMode == MeasureSpec.AT_MOST) {  
                result = Math.min(result, specSize);  
            }  
        }  
        return result;
    }
    
    private int getMaxWidthOfTextArray(String[] array, Paint paint){
        if(array == null){
            return 0;
        }
        int maxWidth = 0;
        for(String item : array){
            if(item != null){
                int itemWidth = getTextWidth(item, paint);
                maxWidth = Math.max(itemWidth, maxWidth);
            }
        }
        return maxWidth;
    }
    
    private int getMaxHeightOfTextArray(String[] array, Paint paint){
        if(array == null){
            return 0;
        }
        int maxHeight = 0;
        for(String item : array){
            if(item != null){
                int itemHeight = getTextHeight(item, paint);
                maxHeight = Math.max(itemHeight, maxHeight);
            }
        }
        return maxHeight;
    }
    
    private void drawBackgroundAndFrameAndText(Canvas canvas){
        int curBackgroundColor = 0;
        int curTextColor = 0;
        for(int i = 0; i < mTexts.length; i++){
            float left = rectF.left + unitWidth * i;
            pathFrame.reset();
            if(i == 0){
                pathFrame.moveTo(rectF.left, rectF.top + mFrameCornerRadius);
                rectFArc.offsetTo(rectF.left, rectF.top);
                pathFrame.arcTo(rectFArc, 180, 90);
                pathFrame.lineTo(rectF.left + unitWidth, rectF.top);
                pathFrame.lineTo(rectF.left + unitWidth, rectF.bottom);
                pathFrame.lineTo(rectF.left + mFrameCornerRadius, rectF.bottom);
                rectFArc.offsetTo(rectF.left, rectF.bottom - 2 * mFrameCornerRadius);
                pathFrame.arcTo(rectFArc, 90, 90);
            }else if(i == (mTexts.length - 1)){
                pathFrame.moveTo(rectF.left + i * unitWidth, rectF.top);
                pathFrame.lineTo(rectF.right - mFrameCornerRadius, rectF.top);
                rectFArc.offsetTo(rectF.right - 2 * mFrameCornerRadius, rectF.top);
                pathFrame.arcTo(rectFArc, 270, 90);
                pathFrame.lineTo(rectF.right, rectF.bottom - mFrameCornerRadius);
                rectFArc.offsetTo(rectF.right - 2 * mFrameCornerRadius, rectF.bottom - 2 * mFrameCornerRadius);
                pathFrame.arcTo(rectFArc, 0, 90);
                pathFrame.lineTo(rectF.left + i * unitWidth, rectF.bottom);
            }else{
                pathFrame.moveTo(left, rectF.top);
                pathFrame.lineTo(left + unitWidth, rectF.top);
                pathFrame.lineTo(left + unitWidth, rectF.bottom);
                pathFrame.lineTo(left, rectF.bottom);
            }
            pathFrame.close();
            
            if(!mIsGradient){
                if(i == mSelectedIndex){
                    curBackgroundColor = mColorBackgroundSelected;
                    curTextColor = mColorTextSelected;
                }else{
                    curBackgroundColor = mColorBackgroundNormal;
                    curTextColor = mColorTextNormal;
                }
            }
            if(mIsGradient){
                if(viewPagerPositionOffset != 0f){
                    if(i == viewPagerPosition){
                        curBackgroundColor = getEvaluateColor(viewPagerPositionOffset, mColorBackgroundSelected, mColorBackgroundNormal);
                        curTextColor = getEvaluateColor(viewPagerPositionOffset, mColorTextSelected, mColorTextNormal);
                    }else if(i == viewPagerPosition + 1){
                        curBackgroundColor = getEvaluateColor(viewPagerPositionOffset, mColorBackgroundNormal, mColorBackgroundSelected);
                        curTextColor = getEvaluateColor(viewPagerPositionOffset, mColorTextNormal, mColorTextSelected);
                    }else{
                        curBackgroundColor = mColorBackgroundNormal;
                        curTextColor = mColorTextNormal;
                    }
                }else{
                    if(i == mSelectedIndex){
                        curBackgroundColor = mColorBackgroundSelected;
                        curTextColor = mColorTextSelected;
                    }else{
                        curBackgroundColor = mColorBackgroundNormal;
                        curTextColor = mColorTextNormal;
                    }
                }
            }
            paintBackground.setColor(curBackgroundColor);
            
            if(curTouchedIndex == i){
                paintBackground.setColor(getDarkColor(curBackgroundColor, TOUCHED_BACKGROUND_DARK_COEFFICIENT));
            }
            canvas.drawPath(pathFrame, paintBackground);
            canvas.drawPath(pathFrame, paintFrame);
            
            paintText.setColor(curTextColor);
            canvas.drawText(mTexts[i], left + unitWidth / 2,rectF.centerY() + textCenterYOffset, paintText);
        }
    }
    
    private int viewPagerPosition = -1;
    private float viewPagerPositionOffset = 0f;
    private class InternalViewPagerListener implements ViewPager.OnPageChangeListener {
        
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            if(mIsGradient){
                mSelectedIndex = position;
                viewPagerPosition = position;
                viewPagerPositionOffset = positionOffset;
                invalidate();
            }
        }

        @Override
        public void onPageScrollStateChanged(int state) {
        }

        @Override
        public void onPageSelected(int position) {
            if(mIsGradient){
            }else{
                SegmentControlView.this.setSelectedIndex(position);
            }
        }
    }

    private int getDarkColor(int color, float darkCoefficient){
        
        int a = (color & 0xff000000) >>> 24;
        int r = (color & 0x00ff0000) >>> 16;
        int g = (color & 0x0000ff00) >>> 8;
        int b = (color & 0x000000ff) >>> 0;
        
        r = (int)(r * darkCoefficient);
        g = (int)(g * darkCoefficient);
        b = (int)(b * darkCoefficient);
        
        return a << 24 | r << 16 | g << 8 | b;
    }
   
    private int getEvaluateColor(float fraction, int startColor, int endColor){
        
        int a, r, g, b;
        
        int sA = (startColor & 0xff000000) >>> 24;
        int sR = (startColor & 0x00ff0000) >>> 16;
        int sG = (startColor & 0x0000ff00) >>> 8;
        int sB = (startColor & 0x000000ff) >>> 0;
        
        int eA = (endColor & 0xff000000) >>> 24;
        int eR = (endColor & 0x00ff0000) >>> 16;
        int eG = (endColor & 0x0000ff00) >>> 8;
        int eB = (endColor & 0x000000ff) >>> 0;
        
        a = (int)(sA + (eA - sA) * fraction);
        r = (int)(sR + (eR - sR) * fraction);
        g = (int)(sG + (eG - sG) * fraction);
        b = (int)(sB + (eB - sB) * fraction);
        
        return a << 24 | r << 16 | g << 8 | b;
    }
    
    private boolean isStringArrayEmpty(String[] array){
        return (array == null || array.length == 0);
    }
    
    private static int sp2px(Context context, float spValue) {  
        final float fontScale = context.getResources().getDisplayMetrics().scaledDensity;  
        return (int) (spValue * fontScale + 0.5f);  
    } 
    
    private int getTextWidth(String text, Paint paint){
        if(!TextUtils.isEmpty(text)){
            return (int)(paint.measureText(text) + 0.5f);
          }
        return -1;
    }
    
    private int getTextHeight(String text, Paint paint){
        if(!TextUtils.isEmpty(text)){
            Rect textBounds = new Rect();
            paint.getTextBounds(text, 0, text.length(), textBounds);
              return textBounds.height();
          }
        return -1;
    }
}

3.控件里的文字和个数写在values下面的strings里面

例如： 分成三份

<string-array name="segment_control_arrays_1">
    <item>First</item>     
    <item>Second</item>
    <item>Third</item>
</string-array>

4.直接使用控件   自己添加上选中与未选中的背景和文字颜色

<social.milin.tech.myserch.SegmentControlView
    android:layout_width="200dp"
    android:layout_height="50dp"
    android:paddingLeft="10dp"
    android:paddingRight="10dp"
    app:scv_FrameCornerRadius="3dp"  //弧度
    app:scv_FrameWidth="1dp"
    app:scv_Gradient="true"
    app:scv_SegmentPaddingVertical="5dp"
    app:scv_TextArray="@array/segment_control_arrays_1"
    />

完成~

勤奋的小狼
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
自定义segmentView
07-20
自定义的segmentView
android-segmented-control-view-可自定义样式、功能比较全的分段控件.zip
09-24
可自定义样式、功能全面的分段控件。项目地址：https://github.com/klongmitre/android-segmented-control-view效果图：如何使用xml中直接创建<org.mitre.ascv.AndroidSegmentedControlView         android:id="@ id/androidSegmentedControlView"         android:layout_width="match_parent"         android:layout_height="wrap_content"         ascv:ascv_defaultSelection="0"         ascv:ascv_unselectedTextColor="@color/test_attr_unselected_text_color"         ascv:ascv_selectedTextColor="@color/test_attr_selected_text_color"         ascv:ascv_selectedColor="@color/test_attr_selected_color"         ascv:ascv_unselectedColor="@color/test_attr_unselected_color"         ascv:ascv_items="@array/three_state_option"/>2. java中添加监听器，监听item的切换ascv = (AndroidSegmentedControlView)this.findViewById(R.id.androidSegmentedControlView); ascv.setIdentifier("ascv01"); //ascv.setItems(new String[]{"Test1aaaaa", "Test2", "Test3"}, new String[]{"1", "2", "3"}); ascv.setOnSelectionChangedListener(new OnSelectionChangedListener(){     @Override     public void newSelection(String identifier, String value) {//当item切换时触发  Toast.makeText(MainActivity.this, "identifier:" identifier "  value:" value, Toast.LENGTH_SHORT).show();     } });参数identifier是当有多个分段控件时，同时使用一个监听器时，用于区别是哪个触发了事件。属性说明属性名类型使用说明ascv_unselectedTextColorreference未选中的item的文字颜色ascv_unselectedColorreference未选中的item的背景颜色，不包括边框ascv_selectedColorreference选中的item背景的颜色以及边框的颜色ascv_selectedTextColorreference选中的item的文字颜色ascv_itemsreference控件item上显示的文字ascv_valuesreference控件item的值，会被传给监听器。未设置时，默认使用ascv_items。ascv_equalWidthboolean当item上的文字，即ascv_items设置的文字，长度不一致时，item的宽度是否还等长。ascv_stretchboolean是否被拉伸。即控件是否填充整个父容器。ascv_defaultSelectioninteger默认哪个item被选中，下标从0开始ascv_identifierstring控件的ID
自定义控件之SegmentControlView
weixin_34217711的博客
03-07 160
SegmentControlView配合PageView使用 效果图 核心代码 package com.example.segmentcontrolview; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; im...
发现卓越的Android开发工具箱：Android Segmented Control View
最新发布
gitblog_00082的博客
06-18 321
???? 发现卓越的Android开发工具箱：Android Segmented Control View 项目地址:https://gitcode.com/klongmitre/android-segmented-control-view 项目介绍 在浩瀚无边的开源世界中，一项由The MITRE Corporation精心打造并公开授权的技术——Android Segmented Control V...
Android 自定义View实现SegmentControlView
Black_Hao的博客
06-02 1580
转载请注明出处：http://blog.csdn.net/a512337862/article/details/72846048 其实，SegmentControlView的效果可以利用RadioGroup+RadioButton实现，也可以利用Layout+Button等布局代码来实现，但这种方法多少有点冗杂。所以最近闲来无事，就通过自定义View实现了这种效果，效果图如下： 这...
SegmentControlView模仿实现
weixin_34293246的博客
05-11 78
drawText() 文字的绘制 segmentControlview 步骤一：分析这个控件的组成 步骤二：回顾一下绘制和测量的相关知识 绘制文字: canvas.drawText(text,x,y,paint) 复制代码绘制边框： Path path = new Path(); path.moveTo(left,top); path.lineTo(right,top); path.line...
C#自定义控件库
01-22
"C#自定义控件库"是指使用C#语言编写的、由开发者自定义的控件集合，这些控件可以扩展.NET Framework的标准控件集，为用户提供更丰富的界面元素和功能。自定义控件是软件开发中的一个重要环节，特别是在UI设计和用户...
奥维地图-自定义地图_5.25更新.zip
10-28
奥维地图是一款功能强大的地图应用，它允许用户进行自定义地图图源，以满足个性化的需求。自定义地图图源是奥维地图的一项重要特性，它让用户可以导入自己的地图数据，或者使用第三方提供的地图数据，从而在奥维地图...
c#自定义漂亮按钮
09-13
在C#编程中，自定义用户控件是提高应用程序界面美观性和功能多样性的重要手段。本教程将基于给定的"C#自定义漂亮按钮"主题，深入讲解如何利用C#和Visual Studio 2010创建一个自定义的按钮控件。我们将主要探讨以下几...
c#自定义步骤流程控件
03-05
自定义步骤控件封装库
jieba分词的自定义词典文档 完整版
12-08
jieba分词的自定义词典：使用jieba分词对语料进行分词之前，需要先载入，载入代码为jieba.load_userdict("userdict.txt")。
android-segmented-control-view.zip
07-30
android-segmented-control-view.zip,太多无法一一验证是否可用，程序如果跑不起来需要自调，部分代码功能进行参考学习。
iOS下 自定义SegementControl
08-01
从UISegementedControl继承，进行扩展，可以变更背景颜色及字体颜色
Android 仿苹果的分区控制视图SegmentControlView.rar
07-10
Android 仿苹果的分区控制视图SegmentControlView高仿苹果的分区控制视图 简单易用， 可以根据自己的需求加以修改。
SegmentControl点击切换View
geforce
09-17 7116
[segmentControl_ addTarget:self action:@selector(segmentChangedValue:) forControlEvents:UIControlEventValueChanged]; - (void)segmentChanged
UISegmentedControl之简单应用
yanyanforest的专栏
01-20 2735
参考 UISegmentedControl很久之前用OC编写 //UISegmentedControl self.segmentControlView = [[UISegmentedControl alloc]initWithItems:@[@"我的",@"公共"]]; //tintColor改变UISegmentedControl默认的选中颜色 self.segment
自定义控件之AndroidSegmentControlView，仿IOS平台UISegmentControlView，继承自View
Carbs的博客
05-19 5336
IOS平台的UISegmentControl控件的主要作用是动态的更改界面的显示内容，一般应用于内容较多的界面，且分屏显示不同种类的内容。 在Android开发过程中，有时需要实现类似UISegmentControl的效果，这里我将自己的代码开源在github上了，命名为SegmentControlView，下面是实现的过程以及源码
自定义Segment实现视图切换
whxuan_ios的博客
01-05 2498
1.效果图： 2.CustomSegmentView.h // // CustomSegmentView.h // YouOu // // Created by weihong xuan on 2017/2/9. // Copyright © 2017年 weihong xuan. All rights reserved. // #import <UI...
自定义JavaScript alert样式实现
"这篇文章主要介绍了如何自定义JavaScript中的alert弹出框样式，通过创建和设置DOM元素的样式，实现弹出框的个性化设计。" 在Web开发中，系统的默认alert弹出框通常样式单一，无法满足设计师对于界面美观度的需求。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值