文章詳情頁

android自定義View之復合控件

瀏覽：198日期：2022-09-18 10:06:55

復合控件可以很好地創建出具有重用功能的控件集合。

很多的APP都有一些共通的UI界面，為了統一應用程序的風格，下面我們就以一個Topbar為實例講解復合控件。實現效果如圖：

android自定義View之復合控件

第一步：定義屬性

在res資源目錄的values目錄下創建一個attrs.xml屬性定義文件，為一個View提供可自定義的屬性。代碼中，通過標簽聲明了自定義屬性，并通過name屬性來確定引用的名稱。

<?xml version='1.0' encoding='utf-8'?> <resources> <declare-styleable name='TopBar'><attr name='titleText' format='string'/><attr name='titleSize' format='dimension'/><attr name='titleTextColor2' format='color'/><attr name='leftTextColor' format='color'/><attr name='leftBackground' format='reference|color'/> <attr name='leftText' format='string'/><attr name='rightTextColor' format='color'/><attr name='rightBackground' format='reference|color'/><attr name='rightText' format='string'/></declare-styleable> </resources>

第二步：創建自定義控件—-創建類CompositControlDemo01，并讓其繼承RelativeLayout

package com.wjc.customwidget_0502;import android.content.Context;import android.content.res.TypedArray;import android.graphics.drawable.Drawable;import android.util.AttributeSet;import android.view.Gravity;import android.view.View;import android.widget.Button;import android.widget.RelativeLayout;import android.widget.TextView;/** * Created by admin on 2016/5/2. */public class CompositControlDemo01 extends RelativeLayout { //定義與attrs.xml中的自定義屬性對應的屬性 private int mLeftTextColor; private String mLeftText; private Drawable mLeftBackground; private int mRightTextColor; private String mRightText; private Drawable mRightBackgound; private String mTitle; private float mTitleTextSize; private int mTitleTextColor; //布局參數 private LayoutParams mLeftParame; private LayoutParams mRightParame; private LayoutParams mTitleParame; //定義顯示的布局 private Button mLeftButton; private Button mRightButton; private TextView mTitleView; //定義一個公共接口 private topbarClickListener mListener; //構造函數，attrs就是布局文件傳過來的對應的屬性 public CompositControlDemo01(Context context, AttributeSet attrs) {super(context, attrs);initAttrs(context, attrs);initView(context); } //將attrs.xml中定義的屬性值存入typedArray中 public void initAttrs(Context context, AttributeSet attrs) {TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.TopBar);mLeftTextColor = ta.getColor(R.styleable.TopBar_leftTextColor, 0);mLeftText = ta.getString(R.styleable.TopBar_leftText);mLeftBackground = ta.getDrawable(R.styleable.TopBar_leftBackground);mRightTextColor = ta.getColor(R.styleable.TopBar_rightTextColor, 0);mRightText = ta.getString(R.styleable.TopBar_rightText);mRightBackgound = ta.getDrawable(R.styleable.TopBar_rightBackground);mTitle = ta.getString(R.styleable.TopBar_titleText);mTitleTextSize = ta.getDimension(R.styleable.TopBar_titleSize, 10);mTitleTextColor = ta.getColor(R.styleable.TopBar_titleTextColor2, 0);ta.recycle();//避免重新創建時的錯誤 } //組合控件，并將屬性分配給他們,并設置監聽事件 public void initView(Context context) {mLeftButton = new Button(context);mRightButton = new Button(context);mTitleView = new TextView(context);mLeftButton.setTextColor(mLeftTextColor);mLeftButton.setText(mLeftText);mLeftButton.setBackground(mLeftBackground);mRightButton.setTextColor(mRightTextColor);mRightButton.setText(mRightText);mRightButton.setBackground(mRightBackgound);mTitleView.setTextColor(mTitleTextColor);mTitleView.setText(mTitle);mTitleView.setTextSize(mTitleTextSize);mTitleView.setGravity(Gravity.CENTER);//為元素設定相應的布局參數mLeftParame = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT);mLeftParame.addRule(RelativeLayout.ALIGN_PARENT_LEFT, TRUE);addView(mLeftButton, mLeftParame);mRightParame = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT);mRightParame.addRule(RelativeLayout.ALIGN_PARENT_RIGHT, TRUE);addView(mRightButton, mRightParame);mTitleParame = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT);mTitleParame.addRule(RelativeLayout.CENTER_IN_PARENT, TRUE);addView(mTitleView, mTitleParame);//按鈕的點擊事件，不需要具體的實現//只需調用者接口的方法，回調的時候，會有具體的實現mLeftButton.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) {mListener.leftClick(); }});mRightButton.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) {mListener.rightClick(); }}); } //定義接口 //接口對象，實現回調機制，在回調方法中，通過映射的接口對象調用接口的方法 //而不用去考慮如何實現，具體的實現由調用者去創建 public interface topbarClickListener {void leftClick();void rightClick(); } //暴露一個方法給調用者來注冊接口回調 //通過接口來獲取回調者對接口方法的實現 public void setOnTopbarClickListener(topbarClickListener mListener) {this.mListener = mListener; } /** * 設置按鈕的顯示與否通過id區分按鈕，flag區分是否顯示 * * @param id id * @param flag is Visable？ */ public void setButtonVisable(int id, boolean flag) {if (flag) { if (id == 0) {mLeftButton.setVisibility(View.VISIBLE); } else {mRightButton.setVisibility(View.VISIBLE); }} else { if (id == 0) {mLeftButton.setVisibility(View.GONE); } else {mRightButton.setVisibility(View.GONE); }} }}

第三步：引用UI模板—創建topbar.xml文件

<?xml version='1.0' encoding='utf-8'?> <com.wjc.customwidget_0502.CompositControlDemo01 xmlns:android='http://schemas.android.com/apk/res/android' xmlns:custom='http://schemas.android.com/apk/res-auto' android:android:layout_width='wrap_content' android:layout_height='50dp' android:padding='5dp' android:background='#3F7EA4' custom:leftBackground='@drawable/chevron_left' custom:leftTextColor='#ff00' custom:leftText='返回'custom:rightText='更多'custom:rightTextColor='#ff00'custom:rightBackground='#ffccff'custom:titleText='自定義標題'custom:titleTextColor2='#555555'custom:titleSize='10sp' ></com.wjc.customwidget_0502.CompositControlDemo01>

注：代碼中

xmlns:android=http://schemas.android.com/apk/res/android

表示：引用android系統的屬性，而

xmlns:custom=http://schemas.android.com/apk/res-auto

表示：引用第三方控件的屬性，即引用自定義的屬性

通過如上的代碼，我們就可以在其他的布局文件中，直接帶調用標簽來引用這個UI模板View，代碼如下

第四步：實現接口回調——即寫一個activity引用此布局

package com.wjc.customwidget_0502;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.widget.Toast;public class MainActivity extends AppCompatActivity { CompositControlDemo01 mTopbar; @Override protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mTopbar=(CompositControlDemo01)findViewById(R.id.topBar);//初始化組合控件//為topBar中的按鈕注冊監聽事件 mTopbar.setOnTopbarClickListener(new CompositControlDemo01.topbarClickListener() { @Override public void leftClick() {Toast.makeText(MainActivity.this, 'back', Toast.LENGTH_SHORT).show(); } @Override public void rightClick() {Toast.makeText(MainActivity.this,'more',Toast.LENGTH_LONG).show(); }});/* //是否顯示相應的按鈕mTopbar.setButtonVisable(0,true);//只顯示左邊按鈕*/ }}

這是本人的第一篇博客，如有錯漏，請留言指教！

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持好吧啦網。

Android

上一條：Android ProductFlavor的使用詳解下一條：詳解Android中的ActivityThread和APP啟動過程

相關文章：

1. 使用Python webdriver圖書館搶座自動預約的正確方法2. Linux刪除系統自帶版本Python過程詳解3. Python字符串到字節的轉換。雙反斜杠問題4. Python3 json模塊之編碼解碼方法講解5. ASP基礎知識VBScript基本元素講解6. PHP如何開啟Opcache功能提升程序處理效率7. Python 合并拼接字符串的方法8. ASP.NET MVC使用jQuery ui的progressbar實現進度條9. 淺談由position屬性引申的css進階討論10. 在線php代碼縮進、代碼美化工具：PHP Formatter

排行榜

					
					使用Python webdriver圖書館搶座自動預約的正確方法
Android 簡單的實現滑塊拼圖驗證碼功能
ASP.NET MVC使用jQuery ui的progressbar實現進度條
淺談django不使用restframework自定義接口與使用的區別
淺談由position屬性引申的css進階討論
樹型結構列出指定目錄里所有文件的PHP類
Linux刪除系統自帶版本Python過程詳解
ASP基礎知識VBScript基本元素講解
Python字符串到字節的轉換。雙反斜杠問題
Python 合并拼接字符串的方法
Android Studio實現格式化XML代碼順序
				