統一爲項目中的Activity添加Toolbar

前言

最近由於項目裏用到了大量的Toolbar 在學姐的提問下想着如何讓封裝toolbar 使Toolbar更通用更好看代碼看起來更簡潔 以前想着是把Toolbar重寫 最後在網上看到了不少人是用BaseActivity來實現Toolbar 讓本身寫的Activity直接去繼承寫的BaseActivity 這樣實現下來真的方便了許多

舉個例子

由於本身的代碼量仍是不多 日常很喜歡用網易雲 就準備一點一點模仿網易雲做爲練手學習Demo 因此這裏實現了網易雲音樂裏的幾個Tolbar

幾張原生截圖

這四個Toolbar就是下面這四個button進入的

個人

代碼實現

在項目初期，都會有一個BaseActivity來作一些統一性的操做，而後全部Activity統一繼承。

主要代碼：

public class BaseActivity extends AppCompatActivity {
    //通用的Toolbar標題
    private TextView commonTitleTv;
    //通用的ToolBar
    private Toolbar commonTitleTb;
    //內容區域
    private FrameLayout content;
    //右上角的圖標
    private ImageView img;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_base);
        initView();
        setSupportActionBar(commonTitleTb);
        getSupportActionBar().setDisplayShowTitleEnabled(false);
    }

    private void initView(){
        commonTitleTv = findViewById(R.id.commom_title);
        commonTitleTb = findViewById(R.id.toolbar);
        content = findViewById(R.id.content);
        img = findViewById(R.id.commom_img);
    }

    //子類調用 從新設置Toolbar
    public void setToolBar(int layout){
        hidetoolBar();
        commonTitleTb = content.findViewById(layout);
        setSupportActionBar(commonTitleTb);
        //設置actionbar標題是否顯示 對應ActionBar.DISPLAY_SHOW_TITLE
        getSupportActionBar().setDisplayShowTitleEnabled(false);
    }

    //隱藏Toolbar 經過setToolbar從新制定Toolbar
    public void hidetoolBar(){
        commonTitleTb.setVisibility(View.GONE);
    }

    //menu的點擊事件
    public void setToolBarMenuOnClick(Toolbar.OnMenuItemClickListener onClick){
        commonTitleTb.setOnMenuItemClickListener(onClick);
    }

    //設置左上角back按鈕
    public void setBackArrow(){
        final Drawable upArrow = getResources().getDrawable(R.drawable.back);
        //給Toolbar設置左側的圖標
        getSupportActionBar().setHomeAsUpIndicator(upArrow);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        //設置返回按鈕的點擊事件
        commonTitleTb.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                finish();
            }
        });
    }

    //設置右上角的圖標
    public void setRightImagine(@DrawableRes int imgId){
        img.setImageResource(imgId);
    }

    //設置toolbar下面內容區域的內容
    public void setContentLayout(int layoutId){
        LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View contentView = inflater.inflate(layoutId,null);
        ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.MATCH_PARENT);
        content.addView(contentView,params);
    }

    //設置標題
    public void setTitle(String title){
        if(!TextUtils.isEmpty(title)){
            commonTitleTv.setText(title);
        }
    }

    //設置標題
    public void setTitle(int resId){
        commonTitleTv.setText(resId);
    }
}
複製代碼

BaseActivity中的代碼能夠根據本身的須要靈活改變 也能夠將BaseActivity改成抽象類 讓Activity能夠重寫抽象方法 其中 setContentLayout()方法很重要 他添加了toolbar及其餘它下面的內容

activity_base.xml:

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/activity_base"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    
    <android.support.v7.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="?actionBarSize"
        android:id="@+id/toolbar"
        android:background="@color/colorPrimary">

        <TextView
            android:id="@+id/commom_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="left"
            android:text="我是標題"
            android:textSize="20sp"
            android:textColor="@color/white"/>

        <ImageView
            android:id="@+id/commom_img"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="right"/>

    </android.support.v7.widget.Toolbar>

    <FrameLayout
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </FrameLayout>

</LinearLayout>
複製代碼

FrameLayout是用來放Activity中的內容的。

RecommendedDailyActivity中的代碼：

public class RecommendedDailyActivity extends BaseActivity {

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setTitle("每日推薦");
        setBackArrow();
        setRightImagine(R.drawable.question);
    }
}
複製代碼

最近看了不少代碼模塊的封裝 由於以爲本身的項目寫的很冗雜 想要減小重複性 後面會在練習些BaseFragment RecyclerView 網絡框架 及其頁面跳轉的各個狀況的封裝 加油哇！！！