android自定义view事件吗,Android自定义view模板并实现点击事件的回调

Android 自定义view模板并实现点击事件的回调

主要的目的就是仿老版QQ的一个界面做一个模板。然后实现点击事件的回调。先看效果图&＃xff1a;

步骤如下&＃xff1a;

1.在res/values/目录下新建一个atts.xml文件

内容如下&＃xff1a;

attr.xml文件完成后&＃xff0c;就是写一个TopBar.java文件来进行布局&＃xff1a;

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中的点击事件&＃xff0c;只需修改从外面传进来的Listener的点击事件

* &＃64;param context

* &＃64;param attrs

*/

public interface topbarClickListener{

void leftBtnClick();

void rightBtnClick();

}

private topbarClickListener listener;

public void setTopbarClickListener(topbarClickListener ls){

this.listener &＃61; ls;

}

public TopBar(Context context, AttributeSet attrs) {

super(context, attrs);

// TODO Auto-generated constructor stub

TypedArray ta &＃61; context.obtainStyledAttributes(attrs, R.styleable.topbar);

title &＃61; ta.getString(R.styleable.topbar_title);

titleSize &＃61; ta.getDimension(R.styleable.topbar_titleSize, 0);

titleBackground &＃61; ta.getDrawable(R.styleable.topbar_titleBacgroud);

leftBtnTitle &＃61; ta.getString(R.styleable.topbar_leftBtnTitle);

leftBtnColor &＃61; ta.getColor(R.styleable.topbar_leftBtnColor, 0);

leftBtnSize &＃61; ta.getDimension(R.styleable.topbar_leftBtnSize, 0);

rightBtnTitle &＃61; ta.getString(R.styleable.topbar_rightBtnTitle);

rightBtnColor &＃61; ta.getColor(R.styleable.topbar_rightBtnColor, 0);

rightBtnSize &＃61; ta.getDimension(R.styleable.topbar_rightBtnSize, 0);

ta.recycle();//资源回收

tvTitle &＃61; new TextView(context);

leftBtn &＃61; new Button(context);

rightBtn &＃61; 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个控件进行布局

*/

//左边的按钮位于父布局的左边&＃xff0c;通过addRule(RelativeLayout.ALIGN_PARENT_LEFT);来实现

leftBtnParams &＃61; 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 &＃61; 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位于父布局的中间&＃xff0c;addRule(RelativeLayout.CENTER_IN_PARENT);

titleParams &＃61; 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() {

&＃64;Override

public void onClick(View v) {

// TODO Auto-generated method stub

listener.leftBtnClick();

}

});

rightBtn.setOnClickListener(new OnClickListener() {

&＃64;Override

public void onClick(View v) {

// TODO Auto-generated method stub

listener.rightBtnClick();

}

});

}

public void setTvTitle(String value){

tvTitle.setText(value);

}

}

TopBar是通过继承自RelativeLayout来实现的。

注意&＃xff1a;由于我们的目的是自定义模板View&＃xff0c;所以我们最好不要在TopBar.java中做如下操作&＃xff1a;

leftBtn.setOnClickListener(new OnClickListener() {

&＃64;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() {

&＃64;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文件中的点击事件&＃xff0c;失去了模板的意义。

主布局文件代码如下&＃xff1a;

xmlns:custom&＃61;"http://schemas.android.com/apk/res/com.example.viewpagerdemo"

android:layout_width&＃61;"match_parent"

android:layout_height&＃61;"match_parent"

android:orientation&＃61;"vertical" >

android:id&＃61;"&＃64;&＃43;id/topbar"

android:layout_width&＃61;"match_parent"

android:layout_height&＃61;"100dp"

custom:title&＃61;"网易新闻"

custom:titleBacgroud&＃61;"#ff2255"

custom:titleSize&＃61;"30sp"

custom:leftBtnTitle&＃61;"BACK"

custom:leftBtnColor&＃61;"#ff4400"

custom:leftBtnSize&＃61;"24sp"

custom:rightBtnTitle&＃61;"MORE"

custom:rightBtnColor&＃61;"#ff4400"

custom:rightBtnSize&＃61;"24sp"

>

上面的xmlns:custom&＃61;”http://schemas.android.com/apk/res/com.example.viewpagerdemo”是必须要添加的&＃xff0c;res/ 后面是包名。作用相当于导入包名

MainActivity.java 文件如下&＃xff1a;

public class TopBarActivity extends Activity{

private TopBar mTopBar;

&＃64;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 &＃61; (TopBar) findViewById(R.id.topbar);

/**

* 利用回调实现TopBar的点击事件

*/

mTopBar.setTopbarClickListener(new topbarClickListener() {

&＃64;Override

public void rightBtnClick() {

// TODO Auto-generated method stub

Toast.makeText(TopBarActivity.this, "RIGHT BUTTOM CLICK", Toast.LENGTH_SHORT).show();

}

&＃64;Override

public void leftBtnClick() {

// TODO Auto-generated method stub

Toast.makeText(TopBarActivity.this, "LEFT BUTTOM CLICK", Toast.LENGTH_SHORT).show();

}

});

//更改TopBar中显示的标题

mTopBar.setTvTitle("凤凰网");

}

}

这样可以在MainActivity中通过回调来实现点击事件。

感谢阅读&＃xff0c;希望能帮助到大家&＃xff0c;谢谢大家对本站的支持&＃xff01;