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

 更新时间:2016年11月11日 11:22:38   作者:Snail  
这篇文章主要介绍了Android 自定义View时使用TypedArray配置样式属性详细介绍的相关资料,需要的朋友可以参考下

 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/包名

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

相关文章

  • 详解Android进程保活的方法

    详解Android进程保活的方法

    本篇文章主要介绍了Android进程保活 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • Android监听软键盘弹出与隐藏的两种方法

    Android监听软键盘弹出与隐藏的两种方法

    本篇文章主要介绍了Android监听软键盘弹出与隐藏的两种方法,非常具有实用价值,需要的朋友可以参考下
    2017-04-04
  • 利用Flutter实现“孔雀开屏”的动画效果

    利用Flutter实现“孔雀开屏”的动画效果

    这篇文章主要给大家介绍了关于如何利用Flutter实现“孔雀开屏”的动画效果,文中通过示例代码介绍的非常详细,对大家学习或者使用Flutter具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2020-05-05
  • Android 多种dialog的实现方法(推荐)

    Android 多种dialog的实现方法(推荐)

    下面小编就为大家分享一篇Android 多种dialog的实现方法(推荐),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • Android中实现基本的短信拦截功能的代码示例

    Android中实现基本的短信拦截功能的代码示例

    这篇文章主要介绍了Android中实现基本短信拦截功能的代码示例,这里之突出核心部分针对一个号码,当然程序扩充后可以制定更多拦截规则,需要的朋友可以参考下
    2016-04-04
  • Android QQ登录界面绘制代码

    Android QQ登录界面绘制代码

    这篇文章主要为大家详细介绍了Android QQ登录界面绘制代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • android fm单体声和立体声的切换示例代码

    android fm单体声和立体声的切换示例代码

    切换是需要在一定的条件下满足才会进行切换,切换的条件和电台的信号强度RSSI、信号稳定性CQI等等都有关系
    2013-06-06
  • android popwindow实现左侧弹出菜单层及PopupWindow主要方法介绍

    android popwindow实现左侧弹出菜单层及PopupWindow主要方法介绍

    PopupWindow可以实现浮层效果,主要方法有:可以自定义view,通过LayoutInflator方法;可以出现和退出时显示动画;可以指定显示位置等感兴趣的朋友可以了解下哦,希望本文对你学习android菜单相关开发有所帮助
    2013-01-01
  • OpenGL Shader实例分析(1)Wave效果

    OpenGL Shader实例分析(1)Wave效果

    这篇文章主要为大家详细介绍了OpenGL Shader实例分析第一篇,Wave效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-02-02
  • Android自定义进度条效果

    Android自定义进度条效果

    这篇文章主要为大家详细介绍了Android自定义进度条效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08

最新评论