关闭

Android-Tab单选控件

1667人阅读 评论(0) 收藏 举报
分类:

今天看到项目中有一个控件写得非常漂亮,据说是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);


0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

Android控件:RadioButton(单选按钮)

首先,在布局文件中注册RadioGroup,图中两个RadioButton为一个RadioGroup。 activity_main.xml <LinearLayout xmlns:android=...
  • ruzhuxiaogu
  • ruzhuxiaogu
  • 2015-07-23 15:48
  • 16689

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

在andriod中,单选通过由RadioButton组成的RadioGroup实现,复选(多选)通过CheckBox 实现。 单选框的XML文件如下:<LinearLayout xmlns:andr...
  • sunny1996
  • sunny1996
  • 2016-07-30 22:38
  • 901

Android-Tab单选控件

今天看到项目中有一个控件写得非常漂亮,据说是github上开源的控件,地址没找到,如下图所示,非常常见的效果,几个tab页面来回切换: 转载请标明出处:http://blog.csdn....
  • gaobaoshen1
  • gaobaoshen1
  • 2016-06-15 14:26
  • 275

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

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

VC学习笔记 -单选按钮控件(Ridio Button)的使用

在VC++编程过程中,查资料是一个苦差事,案边放了一摞书左翻右翻好是烦人。一赌气就把一些常用的小技巧自己总结了一下,虽费了些功夫,但对以后编程很有好处。现拿出来与大家共享,以后积累多了,作一个CHM电...
  • mitesi
  • mitesi
  • 2014-03-31 17:11
  • 2090

Android控件:RadioButton(单选按钮)

首先,在布局文件中注册RadioGroup,图中两个RadioButton为一个RadioGroup。 activity_main.xml <LinearLayout xmlns:android=...
  • ruzhuxiaogu
  • ruzhuxiaogu
  • 2015-07-23 15:48
  • 16689

MFC控件-单选按钮(Radio Button)

MFC控件-单选按钮(Radio Button)的一点笔记。
  • mengwang024
  • mengwang024
  • 2014-11-18 20:10
  • 1575

IOS开源项目(2)之RadioButton单选控件学习

1 前言 众所周知在IOS中没有单选按钮这一控件,今天我们来学习一下简单的单选控件。类似与Web中的radio表单元素。 2 详述 本控件单纯的利用按钮控件和NSObject的respondsT...
  • u010013695
  • u010013695
  • 2013-05-22 21:48
  • 9644

android 单选按钮组的使用

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

Android单选按钮自定义列

手里有个项目,看设计原型,像是使用单选按钮来实现选择条件,但是又是排列整齐的按钮。记得单选RadioGroup只有纵横排列,并不支持九宫格的排列,但是要实现九宫格的排列样式,也未尝不可,可以在标签中使...
  • luengyong
  • luengyong
  • 2015-10-20 18:08
  • 1942
    个人资料
    • 访问:374418次
    • 积分:4872
    • 等级:
    • 排名:第6803名
    • 原创:103篇
    • 转载:22篇
    • 译文:16篇
    • 评论:68条
    文章分类
    最新评论
    我的网站