快捷導(dǎo)航

Android中自定義一個(gè)View的方法詳解

更新時(shí)間：2016年07月27日 16:20:10 作者：feelang

這篇文章主要介紹了Android中自定義一個(gè)View的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了Android中自定義View的具體步驟與相關(guān)注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了Android中自定義一個(gè)View的方法。分享給大家供大家參考，具體如下：

Android中自定義View的實(shí)現(xiàn)比較簡(jiǎn)單，無非就是繼承父類，然后重載方法，即便如此，在實(shí)際編碼中難免會(huì)遇到一些坑，我把自己遇到的一些問題和解決方法總結(jié)一下，希望對(duì)廣大碼友們有所幫助。

注意點(diǎn)①　用xml定義Layout時(shí)，Root element 最好使用merge

當(dāng)我們需要繼承一個(gè)布局比較復(fù)雜的ViewGroup（比較多的是LinearLayout、RelativeLayout）時(shí)，通常會(huì)用xml來寫布局，然后在自定義的View類中inflate這個(gè)定義了layout的xml文件。

首先新建一個(gè)名為 MyLayout 的 class 文件，在 init 方法中解析稍后定義的xml文件。

/**
 * Created by liangfei on 4/14/15.
 */
public class MyLayout extends LinearLayout {
  public MyLayout(Context context) {
    super(context);
    init();
  }
  private void init() {
    setOrientation(VERTICAL);
    View rootView = inflate(getContext(), R.layout.my_layout, this);
    ((TextView) rootView.findViewById(R.id.title)).setText("MyLayout");
    ((TextView) rootView.findViewById(R.id.desc)).setText("A customized layout");
  }
}

然后新建一個(gè)取名為my_layout的布局文件, 并把 Root element 設(shè)置成merge。

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android">
  <TextView
    android:id="@+id/title"
    android:textSize="16sp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />
  <TextView
    android:id="@+id/desc"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />
</merge>

用 Android SDK 附帶的 Monitor 工具查看一下運(yùn)行時(shí)的布局信息。

最頂層是一個(gè)FrameLayout，然后是一個(gè)LinearLayout，里面有兩個(gè)TextView，可以看出布局沒有冗余。

但是，如果把 Root element 換成 LinearLayout，效果會(huì)怎么樣呢？

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content">
  <TextView
    android:id="@+id/title"
    android:textSize="16sp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />
  <TextView
    android:id="@+id/desc"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />
</LinearLayout>

很明顯，用 LinearLayout 做 Root element 后，布局多了一個(gè)層級(jí)，成了影響性能的一個(gè)因素。

注意點(diǎn)②　重載子類構(gòu)造函數(shù)時(shí)要弄清楚父類做了哪些操作

先從我一個(gè)慘痛的教訓(xùn)開始，當(dāng)時(shí)我這樣自定義了一個(gè)Button：

/**
 * Created by liangfei on 4/14/15.
 */
public class MyButton extends Button {
  public MyButton(Context context) {
    this(context, null);
  }
  public MyButton(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
  }
  public MyButton(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    init();
  }
}

乍一看貌似沒什么問題，構(gòu)造函數(shù)的調(diào)用方式都是正確的，但是無論我怎么修改 MyButton 的屬性，顯示方式就是不正確。

其實(shí)問題就出在Button類在構(gòu)造函數(shù)中使用了一個(gè)defStyleAttr, 而我這種寫法會(huì)忽略掉這個(gè)defStyleAttr - com.android.internal.R.attr.buttonStyle，稍讀源碼就知道了。

@RemoteView
public class Button extends TextView {
  public Button(Context context) {
    this(context, null);
  }
  public Button(Context context, AttributeSet attrs) {
    this(context, attrs, com.android.internal.R.attr.buttonStyle);
  }
  public Button(Context context, AttributeSet attrs, int defStyleAttr) {
    this(context, attrs, defStyleAttr, 0);
  }
  public Button(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
    super(context, attrs, defStyleAttr, defStyleRes);
  }
}

后來寫代碼的時(shí)候，我都是看了父類的源碼之后才敢這么寫，如果不確定就老老實(shí)實(shí)地寫成下面這種形式。

/**
 * Created by liangfei on 4/14/15.
 */
public class MyButton extends Button {
  public MyButton(Context context) {
    super(context);
    init();
  }
  public MyButton(Context context, AttributeSet attrs) {
    super(context, attrs);
    init();
  }
  public MyButton(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    init();
  }
}

其實(shí)，還有很多其他的坑，比如 Button 的高度，后面抽時(shí)間再總結(jié)一下