android标题栏第三方,android使用设计模式打造标题栏

最新推荐文章于 2024-05-04 17:43:26 发布

燃迹

最新推荐文章于 2024-05-04 17:43:26 发布

阅读量126

点赞数

文章标签： android标题栏第三方

从大学出来实习已经有半年了，之前只写过一篇笔记就没有下文了。

现在来重新记录自己的学习。

年前回家前，给自己定一个小目标，一个星期一两篇android的笔记，有空的时候写写博客，对以后开发还有见解有一定的帮助，所以撸起袖子就是干。

今天写一个用builder设计模式来写一个标题栏，关于builder这个设计模式我就不介绍了

1，首先先定义好一个接口，这个接口里，我就不一一介绍了，代码里有注释

public interface ItoolBarBuild {

//设置标题

public ItoolBarBuild setTitle(int title);

//设置左边的按钮

public ItoolBarBuild setLeftIcon(int leftIcon);

//设置右边的按钮

public ItoolBarBuild setRightIcon(int rightIcon);

//设置左边的点击

public ItoolBarBuild setLeftIconOnClickListener(View.OnClickListener onClickListener);

//设置右边的点击

public ItoolBarBuild setRightIconOnClickListener(View.OnClickListener onClickListener);

//绑定view

public void addIn(ViewGroup group);

}

2.写一个ToolBarBuild类来实现ItoolBarBuild 接口

public abstract class ToolBarBuild implements ItoolBarBuild {

private int title;

private int leftIcon;

private int rightIcon;

private Context mContext;

private View contentView;

View.OnClickListener leftIconOnClickListener;

View.OnClickListener rightIconOnClickListener;

public ToolBarBuild(Context context){

this.mContext = context;

}

@Override

public ItoolBarBuild setTitle(int title) {

this.title = title;

return this;

}

@Override

public ItoolBarBuild setLeftIcon(int leftIcon) {

this.leftIcon = leftIcon;

return this;

}

@Override

public ItoolBarBuild setRightIcon(int rightIcon) {

this.rightIcon = rightIcon;

return this;

}

@Override

public ItoolBarBuild setLeftIconOnClickListener(View.OnClickListener onClickListener) {

this.leftIconOnClickListener = onClickListener;

return this;

}

@Override

public ItoolBarBuild setRightIconOnClickListener(View.OnClickListener onClickListener) {

this.rightIconOnClickListener = onClickListener;

return this;

}

public int getLeftIcon() {

return leftIcon;

}

public int getTitle() {

return title;

}

public int getRightIcon() {

return rightIcon;

}

public Context getmContext() {

return mContext;

}

public View.OnClickListener getLeftIconOnClickListener() {

return leftIconOnClickListener;

}

public View.OnClickListener getRightIconOnClickListener() {

return rightIconOnClickListener;

}

@Override

public void addIn(ViewGroup parent) {

//加载标题栏的视图

contentView = LayoutInflater.from(getmContext()).inflate(getToolBarLayout(),parent,false);//将layout写成一个抽象的getToolBarLayout方法

//获取该view的父组件

ViewGroup viewGroup = (ViewGroup) contentView.getParent();

//如果该视图的父组件已经存在就将remove掉

if (viewGroup!=null){

viewGroup.removeView(contentView);

}

//将view加入从外面传进来的ViewGroup里,标题栏都是在最顶上，所以在第二个参数传入0

parent.addView(contentView,0);

}

//实例化ImageView

public void setImageView(int id, int res , View.OnClickListener onClickListener) {

ImageView imageView = (ImageView) contentView.findViewById(id);

imageView.setVisibility(View.VISIBLE);

imageView.setImageResource(res);

imageView.setOnClickListener(onClickListener);

}

//实例化TextView

public void setTextView(int id, int res , View.OnClickListener onClickListener){

TextView textView = (TextView) contentView.findViewById(id);

textView.setVisibility(View.VISIBLE);

textView.setOnClickListener(onClickListener);

textView.setText(res);

}

public abstract int getToolBarLayout();

}

3,在写一个ToolBarView去继承ToolBarBuild；

public class ToolBarView extends ToolBarBuild {

public ToolBarView(Context context) {

super(context);

}

@Override

public int getToolBarLayout() {

return R.layout.toolbar_layout;

}

@Override

public void addIn(ViewGroup parent) {

super.addIn(parent);

//假如在toolbar_layout设置了TextView的text,ImageView的图片而且并不用实现点击事件的话可以不调用

//在第二个参数如果传入0,该空间就会隐藏

setImageView(R.id.iv_left,getLeftIcon(),getLeftIconOnClickListener());

setImageView(R.id.iv_right,getRightIcon(),getRightIconOnClickListener());

//如果需要动态设置的话，但是不用点击事件的话直接在第三个参数传null,就可以了

setTextView(R.id.tv_title,getTitle(),null);

}

标题栏的视图如下：

android:layout_width="match_parent"

android:layout_height="50dp"

android:orientation="horizontal"

android:background="#79b2f9">

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="match_parent"

android:orientation="horizontal"

android:gravity="center_vertical">

android:id="@+id/iv_left"

android:layout_width="25dp"

android:layout_height="25dp"

android:layout_marginLeft="@dimen/margin_left_12_dp"/>

android:layout_width="0dp"

android:layout_weight="2"

android:layout_height="match_parent"

android:orientation="horizontal"

android:gravity="center">

android:id="@+id/tv_title"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="match_parent"

android:orientation="horizontal"

android:gravity="center_vertical|right">

android:id="@+id/iv_right"

android:layout_width="25dp"

android:layout_height="25dp"

android:layout_marginRight="@dimen/margin_left_12_dp"/>

这样子标题栏就算是完成了，下面我们来使用它；

public class MainActivity extends AppCompatActivity {

LinearLayout linearLayout;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

ToolBarView toolBarView = new ToolBarView(getBaseContext());

linearLayout = (LinearLayout) findViewById(R.id.ll_content);

toolBarView.setTitle(R.string.title)

.setLeftIcon(R.drawable.left_icon)

.setRightIcon(R.drawable.right_icon)

.setLeftIconOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View view) {

Toast.makeText(getBaseContext(),"点击左边按钮",Toast.LENGTH_SHORT).show();

}

})

.setRightIconOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View view) {

Toast.makeText(getBaseContext(),"点击右边按钮",Toast.LENGTH_SHORT).show();

}

})

.addIn(linearLayout);//一定要调用这个方法，不然就没有实现这个标题栏

}

运行结果：

5b5787e13a6e

QQ截图20170212235748.png

5b5787e13a6e

Paste_Image.png

基本的标题栏就是左中右的布局，但是也有一些不一样的

在这里我介绍写一种其他的，并在原来的代码添加一些代码，感觉代码这样封装也是挺灵活的，2333....

直接在ToolBarView里添加两个跟ToolBarView的超类里类似的方法；

如下所示

public class ToolBarView extends ToolBarBuild {

private int res;

private View.OnClickListener listener;

public ToolBarView(Context context) {

super(context);

}

@Override

public int getToolBarLayout() {

return R.layout.toolbar_layout;

}

public ToolBarView setOtherRightIcon(int res){

this.res = res;

return this;

}

public ToolBarView setOtherOnClickListener(View.OnClickListener listener){

this.listener = listener;

return this;

}

@Override

public void addIn(ViewGroup parent) {

super.addIn(parent);

//假如在toolbar_layout设置了TextView的text,ImageView的图片而且并不用实现点击事件的话可以不调用

//在第二个参数如果传入0,该空间就会隐藏

setImageView(R.id.iv_left,getLeftIcon(),getLeftIconOnClickListener());

setImageView(R.id.iv_right,getRightIcon(),getRightIconOnClickListener());

//如果需要动态设置的话，但是不用点击事件的话直接在第三个参数传null,就可以了

setTextView(R.id.tv_title,getTitle(),null);

setImageView(R.id.iv_right_other,res,listener);

}

运行结果：

5b5787e13a6e

Paste_Image.png

就这样搞定了；

其他的情况也是同样的思路；

欢迎交流，我还是一个小菜鸟，android基础不太牢固，虽然出来实习半年了，但是其中干了两个月的前端，有空写写js跟android的交互和开发的时候遇到的那些问题解决方法；虽然网上也有很多教程，但是还是想自己写笔记，好记性不如烂笔头；

燃迹

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
android标题栏第三方,android使用设计模式打造标题栏

从大学出来实习已经有半年了，之前只写过一篇笔记就没有下文了。现在来重新记录自己的学习。年前回家前，给自己定一个小目标，一个星期一两篇android的笔记，有空的时候写写博客，对以后开发还有见解有一定的帮助，所以撸起袖子就是干。今天写一个用builder设计模式来写一个标题栏，关于builder这个设计模式我就不介绍了1，首先先定义好一个接口，这个接口里，我就不一一介绍了，代码里有注释public ...
复制链接

扫一扫