統一為專案中的Activity新增Toolbar

摘要： 最近因為專案裡用到了大量的Toolbar 在學姐的提問下想著如何讓封裝toolbar 使Toolbar更通用更好看程式碼看起來更簡潔 之前想著是把Toolbar重寫 最後在網上看到了很多人是用BaseActivity來實現Toolbar 讓自己寫的Activity直接去繼承寫的BaseActi...

最近因為專案裡用到了大量的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 網路框架 及其頁面跳轉的各個情況的封裝 加油哇！！！