copy微信頭(toolbar)

類似于微信的和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ù)返回的字符來(lái)設(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)聽(tīng)返回的按鈕
            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è)是用來(lái)向右邊滑動(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;
    /**
     * 頁(yè)面邊緣的陰影圖
     */
    private Drawable mLeftShadow;
    /**
     * 頁(yè)面邊緣陰影的寬度默認(rèn)值
     */
    private static final int SHADOW_WIDTH = 16;
    /**
     * 頁(yè)面邊緣陰影的寬度
     */
    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
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,048評(píng)論 25 709
  • ¥開啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個(gè)線程,因...
    小菜c閱讀 7,334評(píng)論 0 17
  • 內(nèi)容抽屜菜單ListViewWebViewSwitchButton按鈕點(diǎn)贊按鈕進(jìn)度條TabLayout圖標(biāo)下拉刷新...
    皇小弟閱讀 47,161評(píng)論 22 665
  • 從開始每日寫作至現(xiàn)在,堅(jiān)持120多天,寫了10萬(wàn)多字了。 僅從數(shù)量上看嗯,是不少了,可是,從質(zhì)量上看,卻沒(méi)幾篇讓自...
    呂艷朋閱讀 1,034評(píng)論 3 51

友情鏈接更多精彩內(nèi)容