Android自定义控件之app标题栏的封装

最新推荐文章于 2024-05-31 00:31:16 发布

王先生oO

最新推荐文章于 2024-05-31 00:31:16 发布

阅读量130

点赞数

本文链接：https://blog.csdn.net/qq_40567164/article/details/83964710

版权

开发十年，就只剩下这套Java开发体系了 >>>

自定义标题栏XMl布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="75dp"
    android:background="@color/colorPrimaryDark"
    >
    <LinearLayout
        android:id="@+id/ll_home"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_centerVertical="true"
        android:layout_alignParentLeft="true">
        <TextView
            android:id="@+id/title_left"
            android:layout_width="200px"
            android:layout_height="35px"
            android:layout_marginLeft="15px"
            android:layout_gravity="bottom"
            android:textSize="20sp"
            android:background="@mipmap/ic_launcher"
            android:textColor="#000000"
            />
    </LinearLayout>

    <TextView
        android:id="@+id/title_center"
        android:text="标题"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_centerVertical="true"
        android:textSize="18sp"
        android:textColor="#ffff"
        />
    <TextView
        android:id="@+id/title_inter"
        android:layout_width="60px"
        android:layout_height="60px"
        android:layout_centerVertical="true"
        android:layout_marginRight="5px"
        android:layout_toLeftOf="@+id/title_right"
        android:textColor="#000000"
        android:background="@mipmap/ic_launcher"
        android:textSize="20sp" />
    />
    <TextView
        android:id="@+id/title_right"
        android:layout_width="60px"
        android:layout_height="60px"
        android:layout_centerInParent="true"
        android:layout_alignParentRight="true"
        android:layout_marginRight="5px"
        android:textSize="20sp"
        android:textColor="#000000"
        android:background="@mipmap/ic_launcher"
        />
</RelativeLayout>

下面是封装好的类

package com.example.biaotilan2;

import android.annotation.TargetApi;
import android.content.Context;
import android.os.Build;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.TextView;

/**
 * Created by asus on 2017/11/20.
 */
public class MyAppTitle extends LinearLayout {
    private OnLeftButtonClickListener mLeftButtonClickListener;
    private OnRightButtonClickListener mRightButtonClickListener;
    private MyViewHolder mViewHolder;
    private View viewAppTitle;

    public MyAppTitle(Context context) {
        super(context);
        init();
    }

    public MyAppTitle(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    @TargetApi(Build.VERSION_CODES.HONEYCOMB)
    public MyAppTitle(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init();
    }

    private void init() {
        LayoutInflater inflater = (LayoutInflater) this.getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        LayoutParams layoutParams = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
//获取布局
        viewAppTitle = inflater.inflate(R.layout.home_title, null);
        this.addView(viewAppTitle, layoutParams);

        mViewHolder = new MyViewHolder(this);
//点击事件
        mViewHolder.title_inter.setOnClickListener(new OnClickListener()
        {
            @Override
            public void onClick(View v)
            {
                if (mLeftButtonClickListener != null)
                {
                    mLeftButtonClickListener.onLeftButtonClick(v);
                }
            }
        });
//点击事件
        mViewHolder.title_right.setOnClickListener(new OnClickListener()
        {
            @Override
            public void onClick(View v)
            {

                if (mRightButtonClickListener != null)
                {
                    mRightButtonClickListener.OnRightButtonClick(v);
                }
            }
        });
    }
//设置标题栏的控件显示与否
    public void initViewsVisible(boolean isLeftButtonVisile, boolean isCenterTitleVisile, boolean isRightIconVisile, boolean isRightTitleVisile) {
        // 左侧返回
        mViewHolder.ll_home.setVisibility(isLeftButtonVisile ? View.VISIBLE : View.INVISIBLE);

        // 中间标题
        mViewHolder.title_center.setVisibility(isCenterTitleVisile ? View.VISIBLE : View.INVISIBLE);
        //右侧两个
        mViewHolder.title_inter.setVisibility(isRightIconVisile ? View.VISIBLE : View.INVISIBLE);
        mViewHolder.title_right.setVisibility(isRightTitleVisile ? View.VISIBLE : View.INVISIBLE);
    }

    /**
     * 设置标题
     *
     * @param title
     */
    public void setAppTitle(String title) {
        if (!TextUtils.isEmpty(title)) {
            mViewHolder.title_center.setText(title);
        }
    }

    public void setRightTitle(String text) {
        if (!TextUtils.isEmpty(text)) {
            mViewHolder.title_center.setText(text);
        }
    }

    public void setRightIcon(int sourceID) {

    }

    public void setLeftOnclick(int sourceID) {
        mViewHolder.title_inter.setText(sourceID);
    }

    public void setAppBackground(int color) {
        viewAppTitle.setBackgroundColor(color);
    }

    public void setOnLeftButtonClickListener(OnLeftButtonClickListener listen) {
        mLeftButtonClickListener = listen;
    }

    public void setOnRightButtonClickListener(OnRightButtonClickListener listen) {
        mRightButtonClickListener = listen;
    }

    public static abstract interface OnLeftButtonClickListener {
        public abstract void onLeftButtonClick(View v);
    }

    public static abstract interface OnRightButtonClickListener {
        public abstract void OnRightButtonClick(View v);
    }
//获取id
    static class MyViewHolder
    {
        private final LinearLayout ll_home;
        private final TextView title_center;
        private final TextView title_inter;
        private final TextView title_right;

        public MyViewHolder(View v)
        {
            ll_home = v.findViewById(R.id.ll_home);
            title_center = v.findViewById(R.id.title_center);
            title_inter = v.findViewById(R.id.title_inter);
            title_right = v.findViewById(R.id.title_right);
        }
    }

}

在使用中如何使用呢，接下来看在项目中布局文件的引用

足以包名修改

<com.example.biaotilan2.MyAppTitle
    android:id="@+id/myNewAppTitle"
    android:layout_width="match_parent"
    android:layout_height="50dp"></com.example.biaotilan2.MyAppTitle>

下面是在activity中如何初始化该标题的代码

public class MainActivity extends AppCompatActivity {
    MyAppTitle mNewAppTitle;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
//调用个方法
        setMyAppTitle();
    }

    protected void setMyAppTitle(){
//获取封装类
        mNewAppTitle = (MyAppTitle) this.findViewById(R.id.myNewAppTitle);
//设置你的控件显示与否
        mNewAppTitle.initViewsVisible(true, true, true, true);
//设置标题
        mNewAppTitle.setAppTitle("啦啦啦");
点击事件
        mNewAppTitle.setOnLeftButtonClickListener(new MyAppTitle.OnLeftButtonClickListener() {
            @Override
            public void onLeftButtonClick(View v) {
                Toast.makeText(MainActivity.this, "左左左左左", Toast.LENGTH_SHORT).show();
            }
        });
        mNewAppTitle.setOnRightButtonClickListener(new MyAppTitle.OnRightButtonClickListener() {
            @Override
            public void OnRightButtonClick(View v) {

                Toast.makeText(MainActivity.this, "右右右右右", Toast.LENGTH_SHORT).show();
            }
        });
    }
}