首页 > 系统 > Android > 正文

Android 自定义View时使用TypedArray配置样式属性详细介绍

2019-12-12 04:42:18
字体:
来源:转载
供稿:网友

 Android 自定义View时使用TypedArray配置样式属性详细介绍

      在自定义view时为了提高复用性和扩展性,可以为自定义的view添加样式属性的配置,比如自定义图片资源、文字大小、控件属性等,就这需要用到TypedArray类,下面以一个自定义的可点击扩展和收缩的TextView为例记录下这个类的简单使用。

先上效果图:

点击以后为


再贴代码:

1.自定义view类;

/**  * @title ExpandTextView  * @description 可扩展TextView,可以通过设置ExpandTextViewStyle来自定义展开图片、收起图片和最小展示的行数  */ public class ExpandTextView extends LinearLayout implements OnClickListener {   /**    * 默认最少展示的行数    */   private int defaultMinLines;   /**    * 是否展开    */   private boolean mCollapsed = true;   /**    * 是否重新布局    */   private boolean mRelayout = false;    private View expandView;   private TextView expandText;   private ImageView expandImg;   private Drawable mExpandDrawable;   private Drawable mCollapseDrawable;    public ExpandTextView(Context context) {     this(context, null);   }    public ExpandTextView(Context context, AttributeSet attrs) {     super(context, attrs);     init(attrs);   }    private void init(AttributeSet attrs) {     expandView = LayoutInflater.from(getContext()).inflate(         R.layout.pt__expand_textview, null);     expandText = (TextView) expandView.findViewById(R.id.expand_text);     expandText.setOnClickListener(this);     expandImg = (ImageView) expandView.findViewById(R.id.expand_img);     expandImg.setOnClickListener(this);      TypedArray a = getContext().obtainStyledAttributes(attrs,         R.styleable.ExpandTextViewStyle);     // 自定义图片资源     mExpandDrawable = getResources().getDrawable(         a.getResourceId(R.styleable.ExpandTextViewStyle_expand,             R.drawable.pt__ic_expand));     expandImg.setBackgroundDrawable(mExpandDrawable);     mCollapseDrawable = getResources().getDrawable(         a.getResourceId(R.styleable.ExpandTextViewStyle_collapse,             R.drawable.pt__ic_collapse));     // 自定义最小行数     defaultMinLines = a.getInt(         R.styleable.ExpandTextViewStyle_default_min_lines, 2);     a.recycle();      LinearLayout.LayoutParams params = new LayoutParams(         LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT);     params.gravity = Gravity.CENTER;     addView(expandView, params);   }    @Override   protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {     if (!mRelayout) {       super.onMeasure(widthMeasureSpec, heightMeasureSpec);       return;     }     mRelayout = false;     expandText.setMaxLines(Integer.MAX_VALUE);     expandImg.setVisibility(View.GONE);     super.onMeasure(widthMeasureSpec, heightMeasureSpec);     if (expandText.getLineCount() <= defaultMinLines) {       return;     }     if (mCollapsed) {       expandText.setMaxLines(defaultMinLines);     }     expandImg.setVisibility(View.VISIBLE);     super.onMeasure(widthMeasureSpec, heightMeasureSpec);   }    public void setText(CharSequence text) {     mRelayout = true;     expandText.setText(text);   }    public void setText(int resId) {     this.setText(getContext().getString(resId));   }    @Override   public void onClick(View view) {     if (expandImg.getVisibility() != View.VISIBLE) {       return;     }     mCollapsed = !mCollapsed;     expandImg.setBackgroundDrawable(mCollapsed ? mExpandDrawable         : mCollapseDrawable);     expandText         .setMaxLines(mCollapsed ? defaultMinLines : Integer.MAX_VALUE);   } } 

2.在res/values下添加的attrs.xml文件中定义样式属性;

<resources>    <!-- ******************************可扩展ExpandTextView样式******************************* -->   <declare-styleable name="ExpandTextViewStyle">      <!-- 展开图片 -->     <attr name="expand" format="reference" />     <!-- 关闭图片 -->     <attr name="collapse" format="reference" />     <!-- 最小行数 -->     <attr name="default_min_lines" format="integer" />   </declare-styleable>  </resources> 

3.在res/values下的style.xml文件中定义样式,可替换图片资源;

<!-- 可扩展ExpandTextView样式 -->   <style name="ExpandTextViewStyle">     <item name="expand">@drawable/pt__ic_expand</item>     <item name="collapse">@drawable/pt__ic_collapse</item>     <item name="default_min_lines">3</item>   </style> 

4.布局文件;

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"   xmlns:custom="http://schemas.android.com/apk/res/com.example.typedarraytest"   android:layout_width="match_parent"   android:layout_height="match_parent"   android:paddingBottom="@dimen/activity_vertical_margin"   android:paddingLeft="@dimen/activity_horizontal_margin"   android:paddingRight="@dimen/activity_horizontal_margin"   android:paddingTop="@dimen/activity_vertical_margin" >    <com.example.typedarraytest.ExpandTextView     android:id="@+id/expand_text_view"     style="@style/ExpandTextViewStyle"     android:layout_width="fill_parent"     android:layout_height="wrap_content"     android:layout_margin="8dp"     custom:default_min_lines="2" />  </RelativeLayout> 

下面简单描述下实现步骤:

1.先定义好attrs.xml文件;

2.在自定义view类中获取定义的样式属性,下面这几行代码是关键:

TypedArray a = getContext().obtainStyledAttributes(attrs,     R.styleable.ExpandTextViewStyle); // 自定义图片资源 mExpandDrawable = getResources().getDrawable(     a.getResourceId(R.styleable.ExpandTextViewStyle_expand,         R.drawable.pt__ic_expand)); expandImg.setBackgroundDrawable(mExpandDrawable); mCollapseDrawable = getResources().getDrawable(     a.getResourceId(R.styleable.ExpandTextViewStyle_collapse,         R.drawable.pt__ic_collapse)); // 自定义最小行数 defaultMinLines = a.getInt(     R.styleable.ExpandTextViewStyle_default_min_lines, 2); a.recycle(); 

3.既可以直接在style.xml中定义样式然后使用,也可以在布局文件中配置属性:

custom:default_min_lines="2"

要使用上面的属性,需要在布局文件的根节点中添加如下属性:

xmlns:custom=http://schemas.android.com/apk/res/com.example.typedarraytest

格式:xmlns:自定义关键字(用于在控件中使用属性,同android)=http://schemas.android.com/apk/res/包名

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表