Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android中如何優雅地自定義一個View

Android中如何優雅地自定義一個View

編輯:關於Android編程

Android中自定義View的實現比較簡單,無非就是繼承父類,然後重載方法,即便如此,在實際編碼中難免會遇到一些坑,我把自己遇到的一些問題和解決方法總結一下,希望對廣大碼友們有所幫助。

注意點① 用xml定義Layout時,Root element 最好使用merge

當我們需要繼承一個布局比較復雜的ViewGroup(比較多的是LinearLayout、RelativeLayout)時,通常會用xml來寫布局,然後在自定義的View類中inflate這個定義了layout的xml文件。

首先新建一個名為 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");
    }
}

然後新建一個取名為my_layout的布局文件, 並把 Root element 設置成merge



    
    

用 Android SDK 附帶的 Monitor 工具查看一下運行時的布局信息。
\

最頂層是一個FrameLayout,然後是一個LinearLayout,裡面有兩個TextView,可以看出布局沒有冗余。

但是,如果把 Root element 換成 LinearLayout,效果會怎麼樣呢?<喎?/kf/ware/vc/" target="_blank" class="keylink">vcD4NCjxwcmUgY2xhc3M9"brush:java;">

\

很明顯,用 LinearLayout 做 Root element 後,布局多了一個層級,成了影響性能的一個因素。

注意點② 重載子類構造函數時要弄清楚父類做了哪些操作

先從我一個慘痛的教訓開始,當時我這樣自定義了一個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();
    }
}

乍一看貌似沒什麼問題,構造函數的調用方式都是正確的,但是無論我怎麼修改 MyButton 的屬性,顯示方式就是不正確。
其實問題就出在Button類在構造函數中使用了一個defStyleAttr, 而我這種寫法會忽略掉這個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);
    }
}

後來寫代碼的時候,我都是看了父類的源碼之後才敢這麼寫,如果不確定就老老實實地寫成下面這種形式。

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

    public MyButton(Context context, AttributeSet attrs) {
        super(context, attrs, 0);
        init();
    }

    public MyButton(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }
}

其實,還有很多其他的坑,比如 Button 的高度,後面抽時間再總結一下,太困了,睡覺。

おやすみなさい

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved