統一為專案中的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 網路框架 及其頁面跳轉的各個情況的封裝 加油哇！！！