2. 程式人生 > >自定義組合控制元件

自定義組合控制元件

阿新 • • 發佈：2019-01-07
com.hybunion.customview.view; 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.view.ViewGroup; import android.widget.Button; import
android.widget.RelativeLayout; import android.widget.TextView; import com.hybunion.customview.R; /** * Created by Hbj on 2016/8/19. */ public class TopBar extends RelativeLayout { // 包含topbar上的元素：左按鈕、右按鈕、標題 private Button mLeftButton, mRightButton; private TextView mTitleView; // 佈局屬性，用來控制組件元素在ViewGroup中的位置
private LayoutParams mLeftParams, mTitlepParams, mRightParams; // 左按鈕的屬性值，即我們在atts.xml檔案中定義的屬性 private int mLeftTextColor; private Drawable mLeftBackground; private String mLeftText; // 右按鈕的屬性值，即我們在atts.xml檔案中定義的屬性 private int mRightTextColor; private Drawable mRightBackground; private
String mRightText; // 標題的屬性值，即我們在atts.xml檔案中定義的屬性 private float mTitleTextSize; private int mTitleTextColor; private String mTitle; // 對映傳入的介面物件 private topbarClickListener mListener; public TopBar(Context context) { super(context); } public TopBar(Context context, AttributeSet attrs) { super(context, attrs); // 設定topbar的背景 setBackgroundColor(0xFFF59563); /** * 通過這個方法，將你在atts.xml中定義的declare-styleable的所有屬性的值儲存到TypedArray中 */ TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.TopBar); //從TypedArray中取出對應的值來為要設定的屬性賦值 mLeftTextColor = ta.getColor(R.styleable.TopBar_leftTextColor, 0); mLeftBackground = ta.getDrawable(R.styleable.TopBar_leftBackground); mLeftText = ta.getString(R.styleable.TopBar_leftText); mRightTextColor = ta.getColor(R.styleable.TopBar_rightTextColor, 0); mRightBackground = ta.getDrawable(R.styleable.TopBar_rightBackGround); mRightText = ta.getString(R.styleable.TopBar_rightText); mTitleTextSize = ta.getDimension(R.styleable.TopBar_titleTextSize, 10); mTitleTextColor = ta.getColor(R.styleable.TopBar_mtitleTextColor, 0); mTitle = ta.getString(R.styleable.TopBar_mtitle); // 獲取完TypedArray的值後，一般要呼叫 // recyle方法來避免重新建立的時候的錯誤 ta.recycle(); mLeftButton = new Button(context); mRightButton = new Button(context); mTitleView = new TextView(context); // 為建立的元件元素賦值 // 值就來源於我們在引用的xml檔案中給對應屬性的賦值 mLeftButton.setTextColor(mLeftTextColor); mLeftButton.setBackground(mLeftBackground); mLeftButton.setText(mLeftText); mRightButton.setTextColor(mRightTextColor); mRightButton.setBackground(mRightBackground); mRightButton.setText(mRightText); mTitleView.setText(mTitle); mTitleView.setTextSize(mTitleTextSize); mTitleView.setTextColor(mTitleTextColor); mTitleView.setGravity(Gravity.CENTER); /** * 為元件元素設定相應的佈局元素 */ //左控制元件 mLeftParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.MATCH_PARENT); mLeftParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT, TRUE); // 新增到ViewGroup addView(mLeftButton, mLeftParams); //右控制元件 mRightParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.MATCH_PARENT); mRightParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT, TRUE); addView(mRightButton, mRightParams); //中間的控制元件 mTitlepParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.MATCH_PARENT); mTitlepParams.addRule(RelativeLayout.CENTER_IN_PARENT, TRUE); addView(mTitleView, mTitlepParams); // 按鈕的點選事件，不需要具體的實現， // 只需呼叫介面的方法，回撥的時候，會有具體的實現 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 TopBar(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } // 暴露一個方法給呼叫者來註冊介面回撥 // 通過介面來獲得回撥者對介面方法的實現 public void setOnTopbarClickListener(topbarClickListener mListener) { this.mListener = mListener; } // 介面物件，實現回撥機制，在回撥方法中 // 通過對映的介面物件呼叫介面中的方法 // 而不用去考慮如何實現，具體的實現由呼叫者去建立 public interface topbarClickListener { //左按鈕點選事件 void leftClick(); //右按鈕點選事件 void rightClick(); } /** * 設定按鈕的顯示與否 通過id區分按鈕，flag區分是否顯示 * * @param id id * @param flag 是否顯示 */ public void setButtonVisable(int id, boolean flag) { if (flag) { if (id == 0) { mLeftButton.setVisibility(View.VISIBLE); } else { mRightButton.setVisibility(VISIBLE); } } else { if (id == 0) { mLeftButton.setVisibility(GONE); } else { mRightButton.setVisibility(GONE); } } } }

相關推薦

android開發：自定義組合控制元件

內容介紹 本文記錄，自定義組合控制元件，為了可以程式碼複用，減少程式碼量 配置控制元件屬性檔案 開啟res/values/目錄下的arss.xml檔案，新增下面屬性程式碼，如果沒有建立arrs.xml檔案。 <?xml version="1.0" enc

android-自定義組合控制元件(EditText+選項)

一.前言 在開發中，或許一個業務需求中會出現很多系統控制元件組合成的佈局，並且經常需要複用。比如在一個表單中,裡面有個編輯框EditText右側還需要有個選項卡按鈕,需要有編輯框的輸入功能也需要有右側選項卡的點選事件,同時這兩個控制元件也存在一定關聯,且在一個介

自定義組合控制元件：Banner、輪播圖、廣告欄控制元件

1. 專案概述 這裡，我們使用自定義組合控制元件實現一個自動輪播的廣告條，也叫輪播圖，完整版的效果圖如下圖所示。其實，這就是我們經常見到的滾動廣告，預設情況下每隔N 秒會自動滾動，用手指左右滑動時也會切換到上一張或者下一張。當介面切換時，對應廣告圖片的標題也會

android之自定義組合控制元件

---------------setting_item---------------<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.an

android 自定義組合控制元件 頂部導航欄

    在軟體開發過程中，經常見到，就是APP 的標題欄樣式幾乎都是一樣的，只是文字不同而已，兩邊圖示不同。為了減少重複程式碼，提高效率， 方便大家使用，我們把標題欄通過組合的方式定義成一個控制元件。 例下圖：                                

自定義組合控制元件

com.hybunion.customview.view; import android.content.Context; import android.content.res.TypedArray; import android.graphics.drawable.Drawable; import and

Android自定義控制元件——自定義組合控制元件

       前面幾篇博文介紹了Android如何自定義控制元件，其實就是講一下如何“從無到有”的自定義一個全新的控制元件，繼承View或者繼承ViewGroup，複寫其相關方法，這種自定義控制元件的方式相對來說難度較大，而且並不是所有需要新控制元件的情況下，都要這樣進行

Android自定義組合控制元件之實現CheckBox變化

前言：自定義組合控制元件最大的好處就是複用性，可以為我們節省不少程式碼量，但是一般我們自定義組合控制元件的時候，封裝出來的控制元件不管是自己用還是別人用也好，封裝的程式碼最好是易讀性強，便於修改，沒有必要封裝太多的屬性，一般控制在兩三個屬性為最佳，畢竟我們不是Google.

android 自定義組合控制元件

1.要實現這個效果,用多個控制元件組合起來,要用到自定義控制元件 程式碼實現 1.自己寫一個佈局檔案 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android

android自定義控制元件(五) 自定義組合控制元件

< ?xml version="1.0" encoding="utf-8"?> 　　 < LinearLayout xmlns:Android="http://schemas.android.com/apk/res/android" 　　 android:layout_widt

android自定義組合控制元件圖片輪播+小圓點+點選跳轉廣告頁面

1.寫一個佈局,用於自定義組合控制元件 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/and

vue自定義form控制元件，解決vue+layui組合時checkbutton和radiobutton事件被覆蓋問題

vue+layui組合時checkbutton和radiobutton事件會被layui覆蓋，導致資料無法繫結，需要自定義form表單控制元件，如下： VRadio.vue <template&

WinForm中使用自定義Tooltip控制元件

private ToolTip tooltipCtr; 建構函式中： 隱藏預設的Tooltip：this.ShowCellToolTips = false; this.tooltipCtr = new ToolTip(); 設定停留時間（還有許多其他時間設定）：thi

自定義的控制元件 實現一個繞圓圈的箭頭

自定義的類 import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Color; import

Android UI-自定義日曆控制元件

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

自定義titilbar控制元件

自定義titilbar控制元件 自定義佈局 <?xml version="1.0" encoding="utf-8"?> <ImageView android:id="@+id/imageView1" android:layout_width=

android自定義開關控制元件-SlideSwitch

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

android 多功能自定義畫板控制元件(用於解決特定需求)

在專案中需要做一個可以自定義軌跡，但始終只有一條線，並且支援撤銷（撤銷單位為MotionEvent的down事件到up事件），還要支援動畫預覽等功能，最重要的是能夠按照間隔畫素來獲取所有點的座標，用於專案的其他功能。 整體的思路 1.專案中的應用場景需要畫板是一個圓形的，這個好實現用canv

（轉）C# 自定義使用者控制元件

C# 自定義使用者控制元件   轉：https://blog.csdn.net/xiongxuanwen/article/details/2605109 本例是製作一個簡單的自定義控制元件，然後用一個簡單的測試程式，對於初學者來說，本例子比較簡單，只能起到拋石引玉的效

自定義View控制元件

xml裡面的 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="