類似于微信的和UC的左邊向右邊滑動(dòng),finish掉activity.人IOS自帶這個(gè)功能..握了個(gè)草
然后封裝一個(gè)統(tǒng)一的帶左邊返回鍵的activity(封裝toolbar)
a.gif
這個(gè)肯定是MD風(fēng)格的toolbar.所以先依賴包
compile 'com.android.support:appcompat-v7:25.3.0'
既然要封裝,那就是要抽取個(gè)爸爸唄.那就抽吧..
public abstract class BaseActivity extends SlidingActivity {
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(getLayout());
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
TextView title = (TextView) findViewById(R.id.toolbar_title);
title.setText(setTitleText());
setSupportActionBar(toolbar);
//去掉默認(rèn)顯示的標(biāo)題
getSupportActionBar().setDisplayShowTitleEnabled(false);
if (getSupportActionBar() != null) {
//設(shè)置返回的按鈕
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
}
eventAndData();
}
/**
* 根據(jù)返回的字符來設(shè)置Activity的title
*
* @return
*/
protected abstract String setTitleText();
/**
* 處理事件和數(shù)據(jù)
*/
protected abstract void eventAndData();
/**
* 返回子類的布局
*
* @return
*/
protected abstract int getLayout();
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
//監(jiān)聽返回的按鈕
case android.R.id.home:
finish();
return true;
//右邊more按鈕的點(diǎn)擊事件.如需要,子類去實(shí)現(xiàn)
// case R.id.more:
// Toast.makeText(BaseActivity.this, "點(diǎn)擊了菜單", Toast.LENGTH_SHORT).show();
// return true;
default:
return super.onOptionsItemSelected(item);
}
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
//顯示右邊more按鈕
// getMenuInflater().inflate(R.menu.more, menu);//加載menu文件到布局
return true;
}
}
注釋寫的比較少,但是應(yīng)該還算清楚吧..
上面抽取的baseactivity中繼承的是SlidingActivity,這個(gè)是用來向右邊滑動(dòng)finish的,代碼如下
public class SlidingActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
SlidingLayout rootView = new SlidingLayout(this);
rootView.bindActivity(this);
}
@Override
public void startActivityForResult(Intent intent, int requestCode, Bundle options) {
super.startActivityForResult(intent, requestCode, options);
overridePendingTransition(R.anim.anim_enter, R.anim.anim_exit);
}
@Override
public void finish() {
super.finish();
overridePendingTransition(R.anim.anim_enter, R.anim.anim_exit);
}
}
然后發(fā)現(xiàn)了SlidingLayout,這個(gè)是封裝的自定義layout
public class SlidingLayout extends FrameLayout {
private Activity mActivity;
private Scroller mScroller;
/**
* 上次ACTION_MOVE時(shí)的X坐標(biāo)
*/
private int mLastMotionX;
/**
* 屏幕寬度
*/
private int mWidth = -1;
/**
* 可滑動(dòng)的最小X坐標(biāo)睦裳，小于該坐標(biāo)的滑動(dòng)不處理
*/
private int mMinX;
/**
* 頁面邊緣的陰影圖
*/
private Drawable mLeftShadow;
/**
* 頁面邊緣陰影的寬度默認(rèn)值
*/
private static final int SHADOW_WIDTH = 16;
/**
* 頁面邊緣陰影的寬度
*/
private int mShadowWidth;
public SlidingLayout(Activity activity) {
this(activity, null);
}
public SlidingLayout(Activity activity, AttributeSet attrs) {
this(activity, attrs, 0);
}
public SlidingLayout(Activity activity, AttributeSet attrs, int defStyleAttr) {
super(activity, attrs, defStyleAttr);
initView(activity);
}
private void initView(Activity activity) {
mActivity = activity;
mScroller = new Scroller(mActivity);
mLeftShadow = getResources().getDrawable(R.drawable.left_shadow);
int density = (int) activity.getResources().getDisplayMetrics().density;
mShadowWidth = SHADOW_WIDTH * density;
}
/**
* 綁定Activity
*/
public void bindActivity(Activity activity) {
ViewGroup decorView = (ViewGroup) activity.getWindow().getDecorView();
View child = decorView.getChildAt(0);
decorView.removeView(child);
addView(child);
decorView.addView(this);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
mLastMotionX = (int) event.getX();
mWidth = getWidth();
mMinX = mWidth / 10;
break;
case MotionEvent.ACTION_MOVE:
int rightMovedX = mLastMotionX - (int) event.getX();
if (getScrollX() + rightMovedX >= 0) {// 左側(cè)即將滑出屏幕
scrollTo(0, 0);
} else if ((int) event.getX() > mMinX) {// 手指處于屏幕邊緣時(shí)不處理滑動(dòng)
scrollBy(rightMovedX, 0);
}
mLastMotionX = (int) event.getX();
break;
case MotionEvent.ACTION_UP:
if (-getScrollX() < mWidth / 2) {
scrollBack();
} else {
scrollClose();
}
break;
}
return true;
}
/**
* 滑動(dòng)返回
*/
private void scrollBack() {
int startX = getScrollX();
int dx = -getScrollX();
mScroller.startScroll(startX, 0, dx, 0, 300);
invalidate();
}
/**
* 滑動(dòng)關(guān)閉
*/
private void scrollClose() {
int startX = getScrollX();
int dx = -getScrollX() - mWidth;
mScroller.startScroll(startX, 0, dx, 0, 300);
invalidate();
}
@Override
public void computeScroll() {
if (mScroller.computeScrollOffset()) {
scrollTo(mScroller.getCurrX(), 0);
postInvalidate();
} else if (-getScrollX() == mWidth) {
mActivity.finish();
}
super.computeScroll();
}
@Override
protected void dispatchDraw(Canvas canvas) {
super.dispatchDraw(canvas);
drawShadow(canvas);
}
/**
* 繪制邊緣的陰影
*/
private void drawShadow(Canvas canvas) {
// 保存畫布當(dāng)前的狀態(tài)
canvas.save();
// 設(shè)置drawable的大小范圍
mLeftShadow.setBounds(0, 0, mShadowWidth, getHeight());
// 讓畫布平移一定距離
canvas.translate(-mShadowWidth, 0);
// 繪制Drawable
mLeftShadow.draw(canvas);
// 恢復(fù)畫布的狀態(tài)
canvas.restore();
}
}
滑動(dòng)時(shí)的動(dòng)畫
<translate
android:duration="300"
android:fromXDelta="100%p"
android:toXDelta="0" />
<translate
android:duration="300"
android:fromXDelta="0"
android:toXDelta="100%p" />
滑動(dòng)時(shí)的陰影
android:shape="rectangle">
<!--顏色漸變范圍-->
<gradient
android:endColor="#50000000"
android:startColor="#00000000" />
toolbar的封裝
<android.support.v7.widget.Toolbar
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light">
<TextView
android:id="@+id/toolbar_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:singleLine="true"
android:textColor="#fff"
android:textSize="20sp" />
</android.support.v7.widget.Toolbar>
主題
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="android:textColorPrimary">#fff</item>
<item name="colorAccent">@color/colorAccent</item>
<!-- Toolbar Theme / Apply white arrow -->
<item name="colorControlNormal">@android:color/white</item>
<!--Navigation icon顏色設(shè)置-->
<item name="drawerArrowStyle">@style/AppTheme.MyDrawerArrowStyle</item>
<!--設(shè)置右邊三點(diǎn)的顏色-->
<item name="android:windowBackground">@android:color/transparent</item>
<item name="android:windowIsTranslucent">true</item>
<item name="android:windowAnimationStyle">@android:style/Animation</item>
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
</style>
<!--加入一個(gè)新的 navigation drarwer 的風(fēng)格-->
<style name="AppTheme.MyDrawerArrowStyle" parent="Widget.AppCompat.DrawerArrowToggle">
<!--將 spinBars 屬性設(shè)定為 false-->
<item name="spinBars">false</item>
<!--設(shè)定 drawer arrow 的顏色-->
<item name="color">@android:color/white</item>
</style>
mainActivity布局
<include layout="@layout/backtoolbar"/>
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="跳"
android:onClick="jump"
android:textColor="@color/colorAccent"
/>
mainActivity代碼
@Override
protected String setTitleText() {
return "今日事今日畢";
}
@Override
protected void eventAndData() {
}
@Override
protected int getLayout() {
return R.layout.activity_main;
}
public void jump(View view) {
startActivity(new Intent(this, Main2Activity.class));
}
大致就這么多代碼.需要寫類似于這樣的activity的話,只需要直接繼承baseActivity即可,然后則需要在子類的布局中include剛才的toolbar布局就好.既可以向右滑動(dòng)返回,也可以點(diǎn)擊返回按鈕返回.
另外如果需要在toolbar的右邊添加menu的話,子類只需要重寫onCreateOptionsMenu方法和onOptionsItemSelected即可,上文代碼中注釋掉的代碼即為menu的點(diǎn)擊事件.
b.gif
