(转)Android开发之封装标题栏

文章转自 CoderAbsolom  的 http://blog.****.net/qq_14923661/article/details/52003447

写在前面：

标题栏这个部分，绝大多数App都有，起到一个概括本页面功能的作用，有些标题栏还具有返回上一页等额外功能。

在这里不得不表扬一下苹果的标题栏位设计，简洁美观实用，很有借鉴性

一、项目结构

            

           主要由一个布局文件activity_title.xml和一个构造类TitleBuilder.java组成，布局文件定义标题栏样式，构造类负责设定文字内容，是否显示返回按钮等等。

二、代码设计 

activity_title.xml 由一个绝对布局包裹两个图片控件和一个文本框控件组成

此处使用线性布局嵌套绝对布局，使内容可以更好地居中显示

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:background="#1B77A8"
    android:gravity="center_vertical"
    android:layout_width="match_parent"
    android:layout_height="50dp">
    <RelativeLayout
        android:id="@+id/title_bar"
        android:paddingLeft="5dp"
        android:paddingRight="5dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <ImageView
            android:layout_centerVertical="true"
            android:visibility="gone"
            android:id="@+id/title_leftIco"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <TextView
            android:id="@+id/title_text"
            android:textSize="20sp"
            android:textColor="#ffffff"
            android:layout_centerInParent="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <ImageView
            android:visibility="gone"
            android:id="@+id/title_rightIco"
            android:layout_alignParentRight="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </RelativeLayout>
</LinearLayout>  

TitleBuilder.java

    /**
     * Created by PanZhe on 2016/7/22.
     */
    public class TitleBuilder {
        private View titleView;
        private RelativeLayout titleBar;
        private TextView text;
        private ImageView leftIco;
        private ImageView rightIco;  

        /**
         * 构造方法：用于获取对象
         * */
        public TitleBuilder(Activity context){
            titleView = context.findViewById(R.id.title_bar);
            text = (TextView)titleView.findViewById(R.id.title_text);
            titleBar = (RelativeLayout)titleView.findViewById(R.id.title_bar);
            leftIco = (ImageView)titleView.findViewById(R.id.title_leftIco);
            rightIco = (ImageView)titleView.findViewById(R.id.title_rightIco);
        }  

        /**
         * 用于设置标题栏文字
         * */
        public TitleBuilder setTitleText(String titleText){
            if(!TextUtils.isEmpty(titleText)){
                text.setText(titleText);
            }
            return this;
        }  

        /**
         * 用于设置标题栏左边要显示的图片
         * */
        public TitleBuilder setLeftIco(int resId){
            leftIco.setVisibility(resId > 0 ? View.VISIBLE : View.GONE);
            leftIco.setImageResource(resId);
            return this;
        }  

        /**
         * 用于设置标题栏右边要显示的图片
         * */
        public TitleBuilder setRightIco(int resId){
            rightIco.setVisibility(resId > 0 ? View.VISIBLE : View.GONE);
            rightIco.setImageResource(resId);
            return this;
        }  

        /**
         * 用于设置标题栏左边图片的单击事件
         * */
        public TitleBuilder setLeftIcoListening(View.OnClickListener listener){
            if(leftIco.getVisibility() == View.VISIBLE){
                leftIco.setOnClickListener(listener);
            }
            return this;
        }  

        /**
         * 用于设置标题栏右边图片的单击事件
         * */
        public TitleBuilder setRightIcoListening(View.OnClickListener listener){
            if(rightIco.getVisibility() == View.VISIBLE){
                rightIco.setOnClickListener(listener);
            }
            return this;
        }
    }  

三、使用方法

   在需要的地方引入

    <include layout="@layout/activity_title"/>  

在java代码中使用new方法循环设置参数

    public class MainActivity extends AppCompatActivity {  

        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);  

            new TitleBuilder(this).setTitleText("测试标题").setLeftIco(R.drawable.left).setLeftIcoListening(leftReturnListener);
        }  

        private View.OnClickListener leftReturnListener = new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                finish();
            }
        };
    }  

四、效果图

中规中矩，对不对？

大家可以通过修改TitleBuild构造类中的方法来实现自己满意的效果，在这里就不一一列举了