Android自定义控件2：自定义带下划线的文本或按钮、组合使用可切换tab
16lz
2021-01-26
效果一：文本下面带有下划线，或者按钮带有下划线。
效果二：做tab切换时，带下划线的切换。
效果图：
一：单按钮实现：
1、在attrs.xml中定义 declare-styleable：<!-- 带下划线的按钮 --> <declare-styleable name="underLineBtn"> <attr name="unCheckedColor" format="reference|color"/><!-- 未选中时颜色 --> <attr name="checkedColor" format="reference|color"/><!-- 选中时颜色 --> <attr name="isChecked" format="boolean"/><!-- 是否选中 --> <attr name="lineHeight" format="dimension"/><!-- 底部线的高度 --> <attr name="lineWight" format="dimension"/><!-- 底部线的宽度 --> <attr name="text" format="string"/><!-- 中间文本内容 --> <attr name="textSize" format="dimension"/><!-- 中间字体大小 --> </declare-styleable>
2、自定义下划线按钮控件 UnderLineBtn.class：
package com.custom.controls.button;import android.content.Context;import android.content.res.TypedArray;import android.graphics.Color;import android.util.AttributeSet;import android.view.Gravity;import android.view.View;import android.widget.RelativeLayout;import android.widget.TextView;import com.custom.R;import com.custom.utils.StringUtil;/** * Created by Kevin on 2016/5/13. */public class UnderLineBtn extends RelativeLayout { /** * 对应属性 */ private float lineHeight, lineWeight, textSize; private int unCheckedColor, checkedColor; private boolean isChecked; private String text; /** * 控件 */ private TextView textView;//文字 private View view;//下划线 private LayoutParams textViewParams, viewParams; public UnderLineBtn(Context context) { super(context); } public UnderLineBtn(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } public UnderLineBtn(Context context, AttributeSet attrs) { super(context, attrs); /** * 获取自定义属性 */ TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.underLineBtn); lineHeight = array.getDimension(R.styleable.underLineBtn_lineHeight, 1); lineWeight = array.getDimension(R.styleable.underLineBtn_lineWight, LayoutParams.MATCH_PARENT); textSize = array.getDimensionPixelSize(R.styleable.underLineBtn_textSize, 14); unCheckedColor = array.getColor(R.styleable.underLineBtn_unCheckedColor, Color.WHITE); checkedColor = array.getColor(R.styleable.underLineBtn_checkedColor, Color.BLUE); isChecked = array.getBoolean(R.styleable.underLineBtn_isChecked, false); text = array.getString(R.styleable.underLineBtn_text); array.recycle();//属性获取完之后及时回收 //给控件赋值 textView = new TextView(context); textView.setId(StringUtil.generateViewId()); view = new View(context); if (isChecked) { textView.setTextColor(checkedColor); view.setBackgroundColor(checkedColor); } else { textView.setTextColor(unCheckedColor); view.setBackgroundColor(unCheckedColor); } textView.setText(text);// textView.setTextSize(textSize); textView.getPaint().setTextSize(textSize); //控件位置 textViewParams = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT); textViewParams.addRule(RelativeLayout.CENTER_IN_PARENT); textView.setGravity(Gravity.CENTER_HORIZONTAL); addView(textView, textViewParams); viewParams = new LayoutParams((int) lineWeight, (int) lineHeight); viewParams.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM); addView(view, viewParams); }} 二：双按钮，点击切换实现：
1、主要就是在单按钮的基础上将isCHecked的 setChecked()方法暴露。 2、并在UnderLineBtn.class中加入 drawableStateChanged ()，此方法中执行改变时的切换逻辑。 3、在setChecked()方法中调用 refreshDrawableState () ;执行改变。 完整代码如下：package com.custom.controls.button;import android.content.Context;import android.content.res.TypedArray;import android.graphics.Color;import android.util.AttributeSet;import android.view.Gravity;import android.view.View;import android.widget.RelativeLayout;import android.widget.TextView;import com.custom.R;import com.custom.utils.StringUtil;/** * Created by Kevin on 2016/5/13. */public class UnderLineBtn extends RelativeLayout { /** * 对应属性 */ private float lineHeight, lineWeight, textSize; private int unCheckedColor, checkedColor; private boolean isChecked; private String text; /** * 控件 */ private TextView textView;//文字 private View view;//下划线 private LayoutParams textViewParams, viewParams; public UnderLineBtn(Context context) { super(context); } public UnderLineBtn(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } public UnderLineBtn(Context context, AttributeSet attrs) { super(context, attrs); /** * 获取自定义属性 */ TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.underLineBtn); lineHeight = array.getDimension(R.styleable.underLineBtn_lineHeight, 1); lineWeight = array.getDimension(R.styleable.underLineBtn_lineWight, LayoutParams.MATCH_PARENT); textSize = array.getDimensionPixelSize(R.styleable.underLineBtn_textSize, 14); unCheckedColor = array.getColor(R.styleable.underLineBtn_unCheckedColor, Color.WHITE); checkedColor = array.getColor(R.styleable.underLineBtn_checkedColor, Color.BLUE); isChecked = array.getBoolean(R.styleable.underLineBtn_isChecked, false); text = array.getString(R.styleable.underLineBtn_text); array.recycle();//属性获取完之后及时回收 //给控件赋值 textView = new TextView(context); textView.setId(StringUtil.generateViewId()); view = new View(context); if (isChecked) { textView.setTextColor(checkedColor); view.setBackgroundColor(checkedColor); } else { textView.setTextColor(unCheckedColor); view.setBackgroundColor(unCheckedColor); } textView.setText(text);// textView.setTextSize(textSize); textView.getPaint().setTextSize(textSize); //控件位置 textViewParams = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT); textViewParams.addRule(RelativeLayout.CENTER_IN_PARENT); textView.setGravity(Gravity.CENTER_HORIZONTAL); addView(textView, textViewParams); viewParams = new LayoutParams((int) lineWeight, (int) lineHeight); viewParams.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM); addView(view, viewParams); } public void setChecked(boolean checked) { if (isChecked != checked) { isChecked = checked; /** * 保留改变后的显示，执行drawableStateChanged()中的变化 * 不执行本方法：drawableStateChanged()中设置的改变将被复原 */ refreshDrawableState(); } } @Override protected void drawableStateChanged() { super.drawableStateChanged(); //改变时的切换逻辑 if(isChecked){ textView.setTextColor(checkedColor); view.setBackgroundColor(checkedColor); }else{ textView.setTextColor(unCheckedColor); view.setBackgroundColor(unCheckedColor); } }} 以下问题可以直接点击了解：
declare-styleable：自定义控件的属性自定义控件中setText()设置字体相同大小无法与原生控件一致
更多相关文章
- android触摸事件传递机制以及onInterceptTouchEvent()和onTouchE
- android EditText属性详解
- android 仿iphone主题之主菜单
- android 软件盘相关
- android 自动查找控件id
- android —— 自定义控件 利用 ViewPage 实现滑动屏
- 解决Android(安卓)5.0以上版本Button自带阴影效果的方法
- Android(安卓)Banner轮播控件
- MeasureSpec之详细分析