轉載請標明出處：http://www.lxweimin.com/p/5cb2586ac965
本文出自:Jlanglang
前言:
繼MVP實戰(zhàn)心得四
做了很多修改.期間有很多糾結的地方,
對比google對Activity以及AppcompatActivity的思路,
將原來的代碼區(qū)分開,弄成2個module.
一個對應FragmentActivity
一個對應AppcompatActivity
區(qū)分開來,不再寫在一起.
如不依賴appcompat-v7包就不能使用appcompat控件一樣<__>
1.Toolbar的封裝處理
試想了很多場景.死了n個腦細胞,最后得出來的結構圖:
(1).Appcompat風格:
Paste_Image.png
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:theme="@style/BaseAppTheme">
<android.support.design.widget.AppBarLayout
android:id="@+id/app_bar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"/>
<FrameLayout
android:id="@+id/templet_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
/>
</android.support.design.widget.CoordinatorLayout>
Toolbar模版
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_layout"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
>
<android.support.v7.widget.Toolbar
android:id="@+id/tl_costom"
style="@style/base_toolbar"
android:layout_height="?actionBarSize"
app:layout_collapseMode="pin"
app:popupTheme="@style/popup_theme"
app:theme="@style/toolbar_theme"
/>
</android.support.design.widget.CollapsingToolbarLayout>
設計思路:
1.最外層使用CoordinatorLayout,提供動畫,聯(lián)動特性.
2.使用AppBarLayout,可以添加Toolbar等多個控件,可以使用Tablayout,CollapsingToolbarLayout,Toolbar等.
提供擴展的可能性
3.主要內容使用FrameLayout,可以擴展封裝loadingView等.
(2).非Appcompat風格:
Paste_Image.png
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:id="@+id/app_bar"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<FrameLayout
android:id="@+id/templet_content"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</LinearLayout>
Toolbar模版
<RelativeLayout
style="@style/base_toolbar"
android:layout_width="match_parent"
android:layout_height="48dp"
android:orientation="horizontal"
>
<TextView
android:id="@+id/tv_left"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_alignParentLeft="true"
android:background="@android:color/transparent"
android:gravity="center"
/>
<ImageButton
android:id="@+id/ib_left"
android:layout_width="48dp"
android:layout_height="match_parent"
android:layout_gravity="left"
android:background="@android:color/transparent"
android:gravity="center"
android:src="@drawable/back"
android:text="左邊text"
/>
<TextView
android:id="@+id/tv_title"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_centerInParent="true"
android:layout_gravity="center"
android:gravity="center"
/>
<TextView
android:id="@+id/tv_right"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_alignParentRight="true"
android:background="@null"
android:gravity="center"
/>
<ImageButton
android:id="@+id/ib_right"
android:layout_width="48dp"
android:layout_height="match_parent"
android:layout_alignParentRight="true"
android:background="@android:color/transparent"
android:gravity="center"
android:visibility="gone"
/>
</RelativeLayout>
設計思路:
1.Toolbar必須使用Appcompat包,如果使用的普通的Acitivity就會出問題.
所以需要提供2套module
2.使用LinearLayout添加Toolbar,這里的Toolbar其實是一個RelativeLayout.
3.主要內容使用FrameLayout,可以擴展封裝loadingView等.
(3).ToolbarHelper:
只貼部分代碼
public abstract class ToolbarHelper {
/**
* 設置滑動Flag
* @param viewId
* @param flag
* @return
*/
public abstract boolean setScrollFlag(@IdRes int viewId, @AppBarLayout.LayoutParams.ScrollFlags int flag);
/**
* 獲取AppBarLayout中的View
* @param viewId
* @param <V>
* @return
*/
public abstract <V extends View> V findAppBarView(@IdRes int viewId);
/**
* 獲取AppBarLayout
* @return
*/
public abstract View getAppBarLayout();
/**
* 獲取Toolbar
* @return
*/
public abstract Toolbar getToolbar();
}
具體實現:
/**
* @author jlanglang 2017/2/22 16:58
* @版本 2.0
* @Change
*/
abstract class BaseToolBarHelperImpl extends ToolbarHelper {
//ToolbarLayout的資源id
int mToolbarLayout;
Toolbar mToolbar;
//通過UIView接口調用.
UIView mUIView;
//最外層View
View mRootView;
AppBarLayout mAppBarLayout;
private boolean isMaterialDesign;
//模仿ViewHolder機制.保存View.避免多次去findviewbyid同一個view
private SparseArray<View> mViews;
public BaseToolBarHelperImpl(@NonNull UIView uiView, View rootView, int toolbarLayout) {
mUIView = uiView;
mRootView = rootView;
mToolbarLayout = toolbarLayout;
mViews = new SparseArray<>();
//初始化AppBarLayout
mAppBarLayout = (AppBarLayout) mRootView.findViewById(R.id.app_bar);
mAppBarLayout.removeAllViews();
//將toolbarLayout添加到AppBarLayout中
View inflate = LayoutInflater.from(mUIView.getContext()).inflate(mToolbarLayout, mAppBarLayout, true);
mToolbar = (Toolbar) inflate.findViewById(R.id.tl_costom);
if (mToolbar != null) {
//傳入的toolbarLayout中包含Toolbar,才設置.
mUIView.setSupportActionBar(mToolbar);
}
//交給子類去初始化Toolbar
initToolbar();
}
/*
*初始化Toolbar
*/
public abstract void initToolbar();
/**
* 從AppBarLayout中獲取控件
*
* @param viewId
* @param <V>
* @return
*/
@Nullable
@Override
public <V extends View> V findAppBarView(@IdRes int viewId) {
View view = mViews.get(viewId);
if (view == null && mAppBarLayout != null) {
view = mAppBarLayout.findViewById(viewId);
mViews.put(viewId, view);
}
return (V) view;
}
/**
* 設置控件滑動效果
*
* @param viewId 控件的資源id
* @param flag 滑動flag
* @return 是否設置成功
*/
@Override
public boolean setScrollFlag(@IdRes int viewId, @AppBarLayout.LayoutParams.ScrollFlags int flag) {
View view = findAppBarView(viewId);
if (view != null) {
try {
AppBarLayout.LayoutParams layoutParams = (AppBarLayout.LayoutParams) view.getLayoutParams();
layoutParams.setScrollFlags(flag);
} catch (ClassCastException e) {
e.printStackTrace();
return false;
} catch (NullPointerException e) {
e.printStackTrace();
return false;
}
} else {
return false;
}
return true;
}
@Nullable
@Override
public Toolbar getToolbar() {
return mToolbar;
}
BaseAcitivity部分代碼:
package com.baozi.mvpdemo.base;
/**
* @author jlanglang 2016/1/5 9:42
*/
public abstract class BaseActivity<T extends BasePresenter> extends AppCompatActivity
implements BaseActivityView {
protected T mPresenter;
private SparseArray<View> mViews;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mViews = new SparseArray<>();
//創(chuàng)建presenter
mPresenter = initPresenter();
//綁定Activity
mPresenter.onAttch(this);
//創(chuàng)建ContentView
View view = initView(LayoutInflater.from(this), savedInstanceState);
super.setContentView(view);
//初始化presenter
mPresenter.onCreate();
//延時加載數據.
Looper.myQueue().addIdleHandler(new MessageQueue.IdleHandler() {
@Override
public boolean queueIdle() {
mPresenter.loadData();
return false;
}
});
}
@Override
public void setContentView(@LayoutRes int layoutResID) {
}
@Override
public void setContentView(View view) {
}
@Override
public void setContentView(View view, ViewGroup.LayoutParams params) {
}
/**
* 通過viewId獲取控件
*
* @param viewId 資源id
* @return
*/
@Override
public <V extends View> V findView(@IdRes int viewId) {
View view = mViews.get(viewId);
if (view == null) {
view = super.findViewById(viewId);
mViews.put(viewId, view);
}
return (V) view;
}
@Override
public View findViewById(@IdRes int id) {
return findView(id);
}
/**
* 初始化ContentView
* 建議不要包含toolbar
*
* @param inflater
* @param savedInstanceState
* @return
*/
@NonNull
protected abstract View initView(@NonNull LayoutInflater inflater, Bundle savedInstanceState);
/**
* 子類實現Presenter,且必須繼承BasePrensenter
*
* @return
*/
protected abstract T initPresenter();
}
提供模版Activity:
/**
* 設置了默認的布局,默認的幾個Toolbar模版,實現了ToolbarView,
*/
public abstract class TempletActivity<T extends TempletPresenter> extends BaseActivity<T>
implements ToolbarView {
private ToolbarHelper mToolbarHelper;
private View rootView;
@NonNull
@Override
protected View initView(@NonNull LayoutInflater inflater, Bundle savedInstanceState) {
ActionBar supportActionBar = getSupportActionBar();
if (supportActionBar != null) {
throw new IllegalStateException("pleace exends BaseActivity,TempletActivity theme must Noactionbar");
}
rootView = inflater.inflate(R.layout.activity_templet, null);
//創(chuàng)建toolbar
mToolbarHelper = getToolbarHelper();
//ContentView容器
FrameLayout contentGroup = (FrameLayout) rootView.findViewById(R.id.templet_content);
//真正的創(chuàng)建contentView
View contentView = initContentView(inflater, contentGroup, savedInstanceState);
contentGroup.removeAllViews();
contentGroup.addView(contentView);
//交給Persenter去擴展
mPresenter.wapperContentView(contentGroup);
return rootView;
}
//繼承的子類去實現
@NonNull
protected abstract View initContentView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState);
/**
* 默認使用base_toolbar
* 如果不需要toolbar,請復寫,并返回0.或者-1
*
* @return
*/
@Override
public int initToolbarLayout() {
return ToolbarHelper.TOOLBAR_TEMPLET_DEFUATL;
}
/**
* 此方法用于初始化菜單，其中menu參數就是即將要顯示的Menu實例。 返回true則顯示該menu,false 則不顯示;
* (只會在第一次初始化菜單時調用)
*/
@Override
public boolean onCreateOptionsMenu(Menu menu) {
if (!isMaterialDesign() || getToolbarHelper() == null) {
return false;
}
return super.onCreateOptionsMenu(menu);
}
/**
* 在onCreateOptionsMenu執(zhí)行后，菜單被顯示前調用；如果菜單已經被創(chuàng)建，則在菜單顯示前被調用。 同樣的，
* 返回true則顯示該menu,false 則不顯示; （可以通過此方法動態(tài)的改變菜單的狀態(tài)，比如加載不同的菜單等）
*/
@Override
public boolean onPrepareOptionsMenu(Menu menu) {
return super.onPrepareOptionsMenu(menu);
}
/**
* 顯示menu的icon
*
* @param view
* @param menu
* @return
*/
@Override
protected boolean onPrepareOptionsPanel(View view, Menu menu) {
if (menu != null) {
if (menu.getClass().getSimpleName().equals("MenuBuilder")) {
try {
Method m = menu.getClass().getDeclaredMethod("setOptionalIconsVisible", Boolean.TYPE);
m.setAccessible(true);
m.invoke(menu, true);
} catch (Exception e) {
Log.e(getClass().getSimpleName(), "onMenuOpened...unable to set icons for overflow menu", e);
}
}
}
return super.onPrepareOptionsPanel(view, menu);
}
/**
* 每次菜單被關閉時調用.（菜單被關閉有三種情形，menu按鈕被再次點擊、back按鈕被點擊或者用戶選擇了某一個菜單項）
*/
@Override
public void onOptionsMenuClosed(Menu menu) {
super.onOptionsMenuClosed(menu);
}
/**
* 菜單項被點擊時調用，也就是菜單項的監(jiān)聽方法。
* 通過這幾個方法，可以得知，對于Activity，同一時間只能顯示和監(jiān)聽一個Menu 對象.
*/
@Override
public boolean onOptionsItemSelected(MenuItem item) {
return super.onOptionsItemSelected(item);
}
@Override
public TempletActivity getActivity() {
return this;
}
/**
* 切換MaterialDesign風格.
*
* @param isMaterialDesign
*/
@Override
public void setMaterialDesignEnabled(boolean isMaterialDesign) {
getToolbarHelper().setMaterialDesignEnabled(isMaterialDesign);
}
@Override
public boolean isMaterialDesign() {
return false;
}
/**
* 如果設置的主題不是NoActionBar或者initToolbar()返回是0,則返回null.
*
* @return mToolbar 可能為null.
*/
public Toolbar getToolbar() {
return getToolbarHelper().getToolbar();
}
/**
* @return
*/
@Override
public ToolbarHelper getToolbarHelper() {
if (mToolbarHelper == null) {
mToolbarHelper = ToolbarHelper.Create(this, rootView, initToolbarLayout());
}
return mToolbarHelper;
}
@Override
protected abstract T initPresenter();
}
使用例子:
public class MainAcitivity extends TempletActivity<TempletPresenter> {
@NonNull
@Override
protected View initContentView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {
getToolbarHelper().setTitle("首頁");
getToolbarHelper().setRightText("213", null);
return inflater.inflate(R.layout.activity_main, null);
}
//這里偷懶,就不去單獨寫個PresenterImpl了
@Override
protected TempletPresenter initPresenter() {
//需要繼承
return new TempletPresenter<MainAcitivityContract.View>() {
@Override
public void onCreate() {
//設置滑動效果
mView.getToolbarHelper().setScrollFlag(R.id.tl_costom, AppBarLayout.LayoutParams.SCROLL_FLAG_SCROLL|
AppBarLayout.LayoutParams.SCROLL_FLAG_ENTER_ALWAYS);
}
@Override
public void loadData() {
}
};
}
//重寫該方法,設置ToolbarLayout
@Override
public int initToolbarLayout() {
return ToolbarHelper.TOOLBAR_TEMPLET_DEFUATL;
}
}
(4).Appcompat風格的要點:
1.如果自定義頁面,或者模版的樣式不符合你的要求,可以直接繼承BaseActivity,BaseFragment
實現initView(@NonNull LayoutInflater inflater, Bundle savedInstanceState);方法
該方法相當于setContentView(),onCreateView();
或者接著往下看，有驚喜。。
2.由于BaseActivity,BaseFragment都繼承UIVIew.
通過initView()方法來初始化View
所以兩者之間切換,改動可以非常的小.
3.TempletActivity持有ToolbarHelper的實現類,并且實現了ToolbarView.UIView,
Presenter可以通過繼承了ToolbarView.UIView的View來操作TempletActivity.
4.BaseActivity與BaseFragment,屬于基類,無需關系Toolbar的情況.也就不需要ToolbarHelper
5.通過重寫initToolbarLayout()就能設置不同樣式的Toolbar,如果樣式滿足不了需求,可以直接繼承BaseActivity,BaseFragment來自定義
6.可以通過ToolbarHelper獲取mApplayout,進行增刪子View.以及設置屬性.
7.可以通過ToolbarHelper的findAppBarView(id)獲取mApplayout中的子控件.
8.可以通過ToolbarHelper的setScrollFlag(id,flag)設置mApplayout中子控件的滑動效果.
9.可以自定義toolbarlayout，只不過Toolbar的id要求命名為tl_costom,否則無法獲取的Toolbar當然,也可以隨便起名字.不過就得手動做一些事了,通過findAppBarView(id)獲取到Toolbar,然后setSupportActionBar()
(5)默認的四種樣式:
1.帶TabLayout的Toolbar
Paste_Image.png
2.啥也沒有的Toolbar
Paste_Image.png
3.自定義了一些VIew的ToolBar
Paste_Image.png
4.可以通過滑動上推折疊的Toolbar
Paste_Image.png
缺點:對AppbarLayout的一些設置只能通過代碼來設定了。
2.擺脫butterknife
在實踐組件化的時候，發(fā)現butterknife不好用，moudle里面找不到view。
后來看git上的說明，把R改成R2.發(fā)現有點蛋疼，不是很好用了，干脆棄用算了吧。
最后重寫了findviewbyId()，通過泛型，減少強轉操作。不用每次都去強轉了。不過得自己知道對應的控件id是什么類型了，這個不可能不知道吧。
部分代碼:
public abstract class BaseActivity<T extends BasePresenter> extends AppCompatActivity
implements BaseActivityView {
private SparseArray<View> mViews;
* 通過viewId獲取控件
*
* @param viewId 資源id
* @return
*/
@Override
public <V extends View> V findView(@IdRes int viewId) {
View view = mViews.get(viewId);
if (view == null) {
view = super.findViewById(viewId);
mViews.put(viewId, view);
}
return (V) view;
}
@Override
public View findViewById(@IdRes int id) {
return findView(id);
}
自己寫findviewbyid吧。。用工具生成也可以的。
3.普通風格
普通風格的具體實現代碼就不貼了,這文已經很長了,哈哈.有興趣直接github看代碼好了.
4.Fragment的Toolbar封裝
具體實現和activity差不多,因為我一直以來的設想就是改很少的代碼就能兩者切換.
這里就不貼了(其實是我還沒寫.),陸續(xù)更新.
如果你看我這一系列文章,會發(fā)現,最開始的封裝結構和現在的有很大的差別了.為什么不去更新改掉以前的
我覺得這是成長的記錄吧.哈哈
再附上githubdemo地址,時不時就更新
交流群:493180098,這是個很少吹水,交流學習的群.
APP開發(fā)維護咨詢群 : 492685472 ,承接APP迭代.開發(fā)維護.咨詢業(yè)務,付費快速解決問題.
