Android-Tab单选控件

原创 2015年07月08日 09:43:11

今天看到项目中有一个控件写得非常漂亮,据说是github上开源的控件,地址没找到,如下图所示,非常常见的效果,几个tab页面来回切换:

转载请标明出处:http://blog.csdn.net/goldenfish1919/article/details/46799341

FlatTabGroup.java:

public class FlatTabGroup extends RadioGroup implements RadioGroup.OnCheckedChangeListener {
    public FlatTabGroup(Context context) {
        this(context, null);
    }

    private int mRadius;
    private int mStroke;
    private int mHighlightColor;
    private String[] mItemString;
    private float mTextSize;
    private ColorStateList mTextColor;
    private int[] mTabViewIds;
    private OnTabCheckedListener mTabCheckedListener;

    public FlatTabGroup(Context context, AttributeSet attrs) {
        super(context, attrs);
        setOrientation(HORIZONTAL);
        setGravity(Gravity.CENTER_VERTICAL);
        TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.FlatTabGroup);
        mHighlightColor = array.getColor(R.styleable.FlatTabGroup_tab_border_color, Color.WHITE);
        mStroke = array.getDimensionPixelSize(R.styleable.FlatTabGroup_tab_border_width, 2);
        mRadius = array.getDimensionPixelOffset(R.styleable.FlatTabGroup_tab_radius, 5);
        mTextColor = array.getColorStateList(R.styleable.FlatTabGroup_tab_textColor);
        mTextSize = array.getDimensionPixelSize(R.styleable.FlatTabGroup_tab_textSize, 14);
        int id = array.getResourceId(R.styleable.FlatTabGroup_tab_items, 0);
        array.recycle();
        mItemString = isInEditMode() ? new String[] { "TAB A", "TAB B", "TAB C"} : context.getResources().getStringArray(id);
        generateTabView(context, attrs);
        super.setOnCheckedChangeListener(this);
        
    }

    private void generateTabView(Context context, AttributeSet attrs) {
        if (mItemString == null) {
            return;
        }
        mTabViewIds = new int[mItemString.length];
        for (int i=0; i<mItemString.length;i++ ) {
        <span style="white-space:pre">	</span>String text = mItemString[i];
            RadioButton button = new RadioButton(context, attrs);
            button.setGravity(Gravity.CENTER);
            button.setButtonDrawable(android.R.color.transparent);
            button.setText(text);
            button.setTextColor(mTextColor);
            button.setTextSize(TypedValue.COMPLEX_UNIT_PX, mTextSize);
            button.setId(mTabViewIds[i] = generateViewIds());
            LayoutParams lp = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT, 1);
            if(i < mItemString.length - 1){
            <span style="white-space:pre">	</span>lp.rightMargin = -1 * mStroke;
            }
            addView(button, lp);
        }
    }
    public void setOnTabCheckedListener(OnTabCheckedListener listener) {
        mTabCheckedListener = listener;
    }

    public void setSelection(int position) {
        check(getChildAt(position).getId());
    }

    @Override
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        if (mTabCheckedListener != null) {
            int checkedPosition = -1;
            for (int i = 0; i < mTabViewIds.length; i++) {
                if (mTabViewIds[i] == checkedId) {
                    checkedPosition = i;
                    break;
                }
            }
            mTabCheckedListener.onChecked(this, checkedPosition);
        }
    }

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        updateChildBackground();
    }

    @SuppressWarnings("deprecation")
	private void updateChildBackground() {
        for (int i = 0; i < getChildCount(); i++) {
            View child = getChildAt(i);
            if (child instanceof RadioButton) {
                child.setBackgroundDrawable(generateTabBackground(i, mHighlightColor));
            }
        }
    }

    private Drawable generateTabBackground(int position, int color) {//如何用代码定义selector
        StateListDrawable stateListDrawable = new StateListDrawable();
        stateListDrawable.addState(new int[] {android.R.attr.state_checked}, generateDrawable(position, color));
        stateListDrawable.addState(new int[] {                            }, generateDrawable(position, Color.TRANSPARENT));
        return stateListDrawable;
    }

    private Drawable generateDrawable(int position, int color) {
        float[] radius;
        if (position == 0) {
            radius = new float[] {
                    mRadius, mRadius,
                    0, 0,
                    0, 0,
                    mRadius, mRadius
            };
        } else if (position == getChildCount() - 1) {
            radius = new float[] {
                    0, 0,
                    mRadius, mRadius,
                    mRadius, mRadius,
                    0, 0
            };
        } else {
            radius = new float[] {
                    0, 0,
                    0, 0,
                    0, 0,
                    0, 0
            };
        }
        GradientDrawable shape = new GradientDrawable();//如何用代码生成圆角shape
        shape.setCornerRadii(radius);
        shape.setColor(color);
        shape.setStroke(mStroke, mHighlightColor);
        return shape;
    }

    private static final AtomicInteger sNextGeneratedId = new AtomicInteger(1);//如何使用自定义的id

    /**
     * Generate a value suitable for use in {@link #setId(int)}. This value will
     * not collide with ID values generated at build time by aapt for R.id.
     * 
     * @return a generated ID value
     */
    public static int generateViewIds() {
        for (;;) {
            final int result = sNextGeneratedId.get();
            // aapt-generated IDs have the high byte nonzero; clamp to the range
            // under that.
            int newValue = result + 1;
            if (newValue > 0x00FFFFFF)
                newValue = 1; // Roll over to 1, not 0.
            if (sNextGeneratedId.compareAndSet(result, newValue)) {
                return result;
            }
        }
    }

    public static interface OnTabCheckedListener {
        public void onChecked(FlatTabGroup group, int position);
    }
}
这里有几个点挺有意思:

(1)如何用代码做selector

(2)如何用代码生成圆角

(3)如何使用自定义的id

attr_flat_tab_group.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="FlatTabGroup">
        <attr name="tab_items" format="reference" />
        <attr name="tab_border_width" format="dimension|reference" />
        <attr name="tab_border_color" format="color|reference" />
        <attr name="tab_radius" format="dimension|reference" />
        <attr name="tab_textColor" format="reference" />
        <attr name="tab_textSize" format="dimension|reference" />
    </declare-styleable>
</resources>

arrays_flat_tab_group.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string-array name="array_tabs_more_video">
        <item>实时直播</item>
        <item>直播预约</item>
        <item>精彩回看</item>
    </string-array>
</resources>
引用的时候:

<com.example.view.FlatTabGroup
         android:id="@+id/flat_tab_group"
         android:layout_width="match_parent"
         android:layout_height="50dp"
         android:paddingBottom="5dp"
         android:paddingTop="5dp"
		 android:layout_marginLeft="10dp"
		 android:layout_marginRight="10dp"
         android:layout_gravity="center_vertical"
         app:tab_border_color="#cdcdcd"
         app:tab_border_width="1dp"
         app:tab_items="@array/array_tabs_more_video"
         app:tab_radius="5dp"
         app:tab_textColor="@android:color/black"
         app:tab_textSize="16sp"/>

      FlatTabGroup tabs = (FlatTabGroup)this.findViewById(R.id.flat_tab_group);
      tabs.setOnTabCheckedListener(new OnTabCheckedListener(){
			@Override
			public void onChecked(FlatTabGroup group, int position) {
				Toast.makeText(MainActivity.this, ""+position, Toast.LENGTH_SHORT).show();
			}
      });
      tabs.setSelection(0);


相关文章推荐

Android控件:RadioButton(单选按钮)

首先,在布局文件中注册RadioGroup,图中两个RadioButton为一个RadioGroup。 activity_main.xml ...

android应用开发--------------看RadioGroup源码,写类似单选选项卡的集成控件(如底部导航,tab等等)

博客为 有时个哥 原创,如需转载请标明出处: 上面就是需求设计,4个类似的布局控件,每次只能选择一个,然后得到上面对应的钱数。(上面只是效果图,实际数据是从服务器获取,然后付到控件上) 看到这种,我...
  • ls703
  • ls703
  • 2015年06月30日 15:14
  • 1928

android 单选按钮组的使用

RadioGroup是Android组单选按钮控件。更具体地,使用提供的RadioGroup从组中只选择一个RadioButton的能力。当用户选择一个单选按钮,前一个被选中,自动成为泛滥。 在我们...
  • xrl2012
  • xrl2012
  • 2015年01月06日 16:36
  • 1604

Android用RadioGroup控件实现Tab选项卡效果

现在越来越多的app使用Tab选项卡的效果了,今天我们也来试试,上次我们说过用TextView控件来实现,但是要做选中与未选中的效果切换需要写代码来实现,比较复杂,今天我们就来用RadioGroup控...

Android UI控件--单选与复选框

在andriod中,单选通过由RadioButton组成的RadioGroup实现,复选(多选)通过CheckBox 实现。 单选框的XML文件如下:...

Android选择器控件

项目中设置用户密保问题页面使用到了选择器控件,在git中找到一个比较合适的,在这里记下来,下次遇到不用再去寻找。 git地址:https://github.com/gzu-liyujiang/An...

Android基础控件之单选框(RadioButton)

要完成单选框显示,我们需要使用到RadioGroup和RadioButton(单选框), RadioGroup用于对单选框进行分组,相同组内的单选框只有一个单选框能被选中。(例子代码请见下方备注栏)...

Android Material Design新UI控件使用大全 一

序言 自从谷歌在2014年的IO大会上推出了Material Design新的设计规范后,安卓应用的整体美观程度提升了很大的一个层次, 安卓再也不是又黑又丑的界面,取而代之的是拥有丰富的颜色,美观...

Android 常用炫酷控件(开源项目)git地址汇总

第一部分 个性化控件(View) 主要介绍那些不错个性化的 View,包括 ListView、ActionBar、Menu、ViewPager、Gallery、GridView、ImageVie...

【Android】标签页、计时器、单选按钮、复选按钮

写一个小程序把安卓程序中的几个基础组件的基本用法串联起来。 如下图所示: 在安卓程序中,一个计时器,一直在不断地计时,每10秒弹出一个提示。 MainActivity被一个标签页分成两部...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android-Tab单选控件
举报原因:
原因补充:

(最多只允许输入30个字)