Android 自定義view模板并實現點擊事件的回調
更新時間：2017年01月24日 15:00:38 作者：小豬快跑22
這篇文章主要介紹了Android 自定義view模板并實現點擊事件的回調的相關資料,需要的朋友可以參考下
Android 自定義view模板并實現點擊事件的回調
主要的目的就是仿老版QQ的一個界面做一個模板。然后實現點擊事件的回調。先看效果圖：
步驟如下：
1.在res/values/目錄下新建一個atts.xml文件
內容如下：
<resources>
<declare-styleable name="topbar">
<attr name="title" format="string"/>
<attr name="titleBacgroud" format="reference|color"/>
<attr name="titleSize" format="dimension"></attr>
<attr name="leftBtnTitle" format="string"></attr>
<attr name="leftBtnColor" format="color"></attr>
<attr name="leftBtnSize" format="dimension"></attr>
<attr name="rightBtnTitle" format="string"></attr>
<attr name="rightBtnColor" format="color"></attr>
<attr name="rightBtnSize" format="dimension"></attr>
</declare-styleable>
attr.xml文件完成后，就是寫一個TopBar.java文件來進行布局：
public class TopBar extends RelativeLayout{
private Button leftBtn, rightBtn;
private TextView tvTitle;
private String title;
private float titleSize ;
private Drawable titleBackground;
private String leftBtnTitle;
private int leftBtnColor;
private float leftBtnSize;
private String rightBtnTitle;
private int rightBtnColor;
private float rightBtnSize;
private LayoutParams leftBtnParams ,righBtnParams,titleParams;
/**
* 為TopBar添加回調點擊事件,好處是不需要每次都修改TopBar中的點擊事件，只需修改從外面?zhèn)鬟M來的Listener的點擊事件
* @param context
* @param attrs
*/
public interface topbarClickListener{
void leftBtnClick();
void rightBtnClick();
}
private topbarClickListener listener;
public void setTopbarClickListener(topbarClickListener ls){
this.listener = ls;
}
public TopBar(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.topbar);
title = ta.getString(R.styleable.topbar_title);
titleSize = ta.getDimension(R.styleable.topbar_titleSize, 0);
titleBackground = ta.getDrawable(R.styleable.topbar_titleBacgroud);
leftBtnTitle = ta.getString(R.styleable.topbar_leftBtnTitle);
leftBtnColor = ta.getColor(R.styleable.topbar_leftBtnColor, 0);
leftBtnSize = ta.getDimension(R.styleable.topbar_leftBtnSize, 0);
rightBtnTitle = ta.getString(R.styleable.topbar_rightBtnTitle);
rightBtnColor = ta.getColor(R.styleable.topbar_rightBtnColor, 0);
rightBtnSize = ta.getDimension(R.styleable.topbar_rightBtnSize, 0);
ta.recycle();//資源回收
tvTitle = new TextView(context);
leftBtn = new Button(context);
rightBtn = new Button(context);
tvTitle.setText(title);
tvTitle.setTextSize(titleSize);
tvTitle.setBackground(titleBackground);
leftBtn.setText(leftBtnTitle);
leftBtn.setTextColor(leftBtnColor);
leftBtn.setTextSize(leftBtnSize);
rightBtn.setText(rightBtnTitle);
rightBtn.setTextColor(rightBtnColor);
rightBtn.setTextSize(rightBtnSize);
setBackgroundColor(Color.DKGRAY);//設置整個背景色
/**
* 將3個控件進行布局
*/
//左邊的按鈕位于父布局的左邊，通過addRule(RelativeLayout.ALIGN_PARENT_LEFT);來實現
leftBtnParams = new LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT,
RelativeLayout.LayoutParams.WRAP_CONTENT);
leftBtnParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT);
leftBtnParams.setMargins(0, 18, 0, 0);
addView(leftBtn, leftBtnParams);
righBtnParams = new LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT,
RelativeLayout.LayoutParams.WRAP_CONTENT);
righBtnParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);
righBtnParams.setMargins(0, 18, 0, 0);
addView(rightBtn, righBtnParams);
//中間的TextView位于父布局的中間，addRule(RelativeLayout.CENTER_IN_PARENT);
titleParams = new LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT,
RelativeLayout.LayoutParams.MATCH_PARENT);
titleParams.addRule(RelativeLayout.CENTER_IN_PARENT);
tvTitle.setGravity(Gravity.CENTER);
addView(tvTitle, titleParams);
leftBtn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
listener.leftBtnClick();
}
});
rightBtn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
listener.rightBtnClick();
}
});
}
public void setTvTitle(String value){
tvTitle.setText(value);
}
}
TopBar是通過繼承自RelativeLayout來實現的。
注意：由于我們的目的是自定義模板View，所以我們最好不要在TopBar.java中做如下操作：
leftBtn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
//listener.leftBtnClick();//回調實現
Toast.makeText(context, "LEFT BUTTOM CLICK", Toast.LENGTH_SHORT).show();
}
});
rightBtn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
//listener.rightBtnClick();//回調實現
Toast.makeText(context, "RIGHT BUTTOM CLICK", Toast.LENGTH_SHORT).show();
}
});
如果這樣做對于不同的點擊事件都需要修改TopBar.java文件中的點擊事件，失去了模板的意義。
主布局文件代碼如下：
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:custom="http://schemas.android.com/apk/res/com.example.viewpagerdemo"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<com.example.viewpagerdemo.view.TopBar
android:id="@+id/topbar"
android:layout_width="match_parent"
android:layout_height="100dp"
custom:title="網易新聞"
custom:titleBacgroud="#ff2255"
custom:titleSize="30sp"
custom:leftBtnTitle="BACK"
custom:leftBtnColor="#ff4400"
custom:leftBtnSize="24sp"
custom:rightBtnTitle="MORE"
custom:rightBtnColor="#ff4400"
custom:rightBtnSize="24sp"
></com.example.viewpagerdemo.view.TopBar>
</LinearLayout>
上面的xmlns:custom=”http://schemas.android.com/apk/res/com.example.viewpagerdemo”是必須要添加的，res/ 后面是包名。作用相當于導入包名
MainActivity.java 文件如下：
public class TopBarActivity extends Activity{
private TopBar mTopBar;
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.topbar_layout);
mTopBar = (TopBar) findViewById(R.id.topbar);
/**
* 利用回調實現TopBar的點擊事件
*/
mTopBar.setTopbarClickListener(new topbarClickListener() {
@Override
public void rightBtnClick() {
// TODO Auto-generated method stub
Toast.makeText(TopBarActivity.this, "RIGHT BUTTOM CLICK", Toast.LENGTH_SHORT).show();
}
@Override
public void leftBtnClick() {
// TODO Auto-generated method stub
Toast.makeText(TopBarActivity.this, "LEFT BUTTOM CLICK", Toast.LENGTH_SHORT).show();
}
});
//更改TopBar中顯示的標題
mTopBar.setTvTitle("鳳凰網");
}
}
這樣可以在MainActivity中通過回調來實現點擊事件。
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關文章
關于Android內存緩存LruCache的使用及其源碼解析
LruCache作為內存緩存，使用強引用方式緩存有限個數據，當緩存的某個數據被訪問時，它就會被移動到隊列的頭部，本文詳細介紹了關于Android內存緩存LruCache的使用及其源碼解析,需要的朋友可以參考下2023-05-05
在開發(fā)過程中通常會遇到一些不規(guī)則的UI，比如不規(guī)則的線條，多邊形，統計圖表等等，用那些通用組件通過組合的方式無法進行實現，這就需要我們自己進行繪制。本文將利用Flutter繪制扇形圖，感興趣的可以學習一下2022-05-05
Android多功能視頻播放器GSYVideoPlayer開發(fā)流程
怎么在Android中實現GSYVideoPlayer視頻播放器？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲2022-11-11
這篇文章主要介紹了Android 關閉多個Activity的實現方法的相關資料,希望通過本文能幫助到大家，需要的朋友可以參考下2017-09-09
ProtoBuf動態(tài)拆分Gradle?Module解析
這篇文章主要為大家介紹了ProtoBuf動態(tài)拆分Gradle?Module解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
我們今天開始學習的是下載進度的實現。今天的這段代碼是網上找的，自己做了些小改，通過模擬器測試。文件下載進度條控制（就是為了高清壁紙加個進度條），自己研究了好久，但是進度條只能顯示緩存寫入文件的進度，不能顯示下載進度。找了好久，終于找到一段用的代碼，所以記錄下來，大家分享2013-01-01
這篇文章主要為大家詳細介紹了Android多線程斷點續(xù)傳下載示例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要為大家詳細介紹了android特賣列表倒計時卡頓問題的解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-09-09
這篇文章主要給大家介紹了關于Android實現條紋進度條的方法，主要是通過調整view寬度仿進度條，文中通過示例代碼介紹的非常詳細，對各位Android開發(fā)者們具有一定的參考學習價值，需要的朋友們下面來一起看看吧2018-09-09
在項目中經常需要一個需要一個樹狀框架,因為一些原因沒有使用系統自帶的控件，所以就自己寫了一個，現在分享給大家2014-01-01