Android實(shí)現(xiàn)網(wǎng)易新聞客戶端側(cè)滑菜單(2)
前面已經(jīng)講過通過三方開源庫SlideMenu來實(shí)現(xiàn)這種效果,請參考Android實(shí)現(xiàn)網(wǎng)易新聞客戶端側(cè)滑菜單(一)
今天通過自定義View來實(shí)現(xiàn)這種功能。
代碼如下:
SlideMenu.java
package com.jackie.slidemenu.view; import android.content.Context; import android.graphics.Canvas; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.View; import android.view.ViewConfiguration; import android.view.ViewGroup; import android.widget.Scroller; public class SlideMenu extends ViewGroup { private int mMostRecentX; // 最后一次x軸的偏移量 private final int MENU_SCREEN = 0; // 菜單界面 private final int MAIN_SCREEN = 1; // 主界面 private int mCurrentScreen = MAIN_SCREEN; // 當(dāng)前屏幕顯示的是主界面 private Scroller mScroller; private int touchSlop; public SlideMenu(Context context, AttributeSet attrs) { super(context, attrs); mScroller = new Scroller(context); touchSlop = ViewConfiguration.get(context).getScaledTouchSlop(); } /** * 測量出所有子布局的寬和高 */ @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); measureView(widthMeasureSpec, heightMeasureSpec); } /** * 測量所有子布局的寬和高 * @param widthMeasureSpec 父布局也就是ViewGroup的寬度測量規(guī)格 * @param heightMeasureSpec 父布局也就是ViewGroup的高度測量規(guī)格 */ private void measureView(int widthMeasureSpec, int heightMeasureSpec) { // 測量菜單的寬和高 View menuView = getChildAt(0); menuView.measure(menuView.getLayoutParams().width, heightMeasureSpec); // 測量主界面的寬和高 View mainView = getChildAt(1); mainView.measure(widthMeasureSpec, heightMeasureSpec); // 主界面的寬和高和父控件viewgroup的寬高一樣 } @Override protected void onLayout(boolean changed, int l, int t, int r, int b) { // 布置菜單的位置 View menuView = getChildAt(0); menuView.layout(-menuView.getMeasuredWidth(), 0, 0, b); // 布置主界面的位置 View mainView = getChildAt(1); mainView.layout(0, 0, r, b); } @Override public boolean onTouchEvent(MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_DOWN: mMostRecentX = (int) event.getX(); break; case MotionEvent.ACTION_MOVE: // 最新的x軸偏移量 int moveX = (int) event.getX(); // 增量值 int deltaX = mMostRecentX - moveX; // 把最新的x軸偏移量賦值給成員變量 mMostRecentX = moveX; // 得到x軸移動后的偏移量 int newScrollX = getScrollX() + deltaX; if(newScrollX < -getChildAt(0).getWidth()) { // 當(dāng)前屏幕x軸的偏移量超過了菜單的左邊界 // 回到菜單的左邊界位置 scrollTo(-getChildAt(0).getWidth(), 0); } else if(newScrollX > 0) { // 超過了主界面的右邊界 // 回到主界面的右邊界 scrollTo(0, 0); } else { scrollBy(deltaX, 0); } break; case MotionEvent.ACTION_UP: int scrollX = getScrollX(); // x軸最新的偏移量 int menuXCenter = -getChildAt(0).getWidth() / 2; // 菜單x軸的中心點(diǎn) if(scrollX > menuXCenter) { // 切換到主界面 mCurrentScreen = MAIN_SCREEN; } else { // 切換到菜單界面 mCurrentScreen = MENU_SCREEN; } switchScreen(); break; default: break; } return true; } /** * 根據(jù)mCurrentScreen切換屏幕 */ private void switchScreen() { int scrollX = getScrollX(); // 當(dāng)前x軸的偏移量 int dx = 0; if(mCurrentScreen == MAIN_SCREEN) { // 切換到主界面 // scrollTo(0, 0); dx = 0 - scrollX; } else if(mCurrentScreen == MENU_SCREEN) { // 切換到菜單界面 // scrollTo(-getChildAt(0).getWidth(), 0); dx = -getChildAt(0).getWidth() - scrollX; } mScroller.startScroll(scrollX, 0, dx, 0, Math.abs(dx) * 5); invalidate(); // invalidate -> drawChild -> child.draw -> computeScroll } /** * invalidate出發(fā)此方法, 更新屏幕的x軸的偏移量 */ @Override public void computeScroll() { if(mScroller.computeScrollOffset()) { // 判斷是否正在模擬數(shù)據(jù)中, true 正在進(jìn)行 false 數(shù)據(jù)模擬完畢 scrollTo(mScroller.getCurrX(), 0); invalidate(); // 引起computeScroll的調(diào)用 } } /** * 是否顯示菜單 * @return */ public boolean isShowMenu() { return mCurrentScreen == MENU_SCREEN; } /** * 隱藏菜單 */ public void hideMenu() { mCurrentScreen = MAIN_SCREEN; switchScreen(); } /** * 顯示菜單 */ public void showMenu() { mCurrentScreen = MENU_SCREEN; switchScreen(); } /** * 攔截事件的方法 */ @Override public boolean onInterceptTouchEvent(MotionEvent ev) { switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: mMostRecentX = (int) ev.getX(); break; case MotionEvent.ACTION_MOVE: int diffX = (int) (ev.getX() - mMostRecentX); if(Math.abs(diffX) > touchSlop) { return true; } break; default: break; } return super.onInterceptTouchEvent(ev); } }
MainActivity.java
package com.jackie.slidemenu; import com.jackie.slidemenu.view.SlideMenu; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.view.View; import android.view.View.OnClickListener; import android.view.Window; import android.widget.TextView; import android.widget.Toast; public class MainActivity extends Activity implements OnClickListener { private SlideMenu mSlideMenu; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // 去除標(biāo)題, 需要在setContentView之前調(diào)用 requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_main); mSlideMenu = (SlideMenu) findViewById(R.id.slidemenu); findViewById(R.id.iv_slidemenu_main_back).setOnClickListener(this); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } @Override public void onClick(View v) { if(mSlideMenu.isShowMenu()) { mSlideMenu.hideMenu(); } else { mSlideMenu.showMenu(); } } public void click(View v) { TextView tv = (TextView) v; Toast.makeText(this, tv.getText(), 0).show(); } }
系列文章:
Android實(shí)現(xiàn)網(wǎng)易新聞客戶端效果
Android實(shí)現(xiàn)網(wǎng)易新聞客戶端側(cè)滑菜單(1)
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android項(xiàng)目實(shí)戰(zhàn)之仿網(wǎng)易新聞的頁面(RecyclerView )
- Android實(shí)現(xiàn)仿網(wǎng)易新聞的頂部導(dǎo)航指示器
- Android實(shí)現(xiàn)仿網(wǎng)易新聞主界面設(shè)計(jì)
- Android實(shí)現(xiàn)網(wǎng)易新聞客戶端首頁效果
- Android實(shí)現(xiàn)類似網(wǎng)易新聞選項(xiàng)卡動態(tài)滑動效果
- Android 仿網(wǎng)易新聞客戶端分類排序功能
- Android模擬實(shí)現(xiàn)網(wǎng)易新聞客戶端
- Android實(shí)現(xiàn)網(wǎng)易新聞客戶端側(cè)滑菜單(1)
- Android組件DrawerLayout仿網(wǎng)易新聞v4.4側(cè)滑菜單
- Android仿網(wǎng)易新聞圖片詳情下滑隱藏效果示例代碼
相關(guān)文章
Android TV listview及焦點(diǎn)處理
這篇文章主要介紹了Android TV listview及焦點(diǎn)處理的相關(guān)資料,需要的朋友可以參考下2017-06-06Android學(xué)習(xí)筆記-保存文件(Saving Files)
這篇文章主要介紹了Android中保存文件(Saving Files)的方法,需要的朋友可以參考下2014-10-10Android編程實(shí)現(xiàn)自定義ProgressBar樣式示例(背景色及一級、二級進(jìn)度條顏色)
這篇文章主要介紹了Android編程實(shí)現(xiàn)自定義ProgressBar樣式功能,涉及針對背景色及一級、二級進(jìn)度條顏色的操作技巧,需要的朋友可以參考下2017-01-01ANDROID BottomNavigationBar底部導(dǎo)航欄的實(shí)現(xiàn)示例
本篇文章主要介紹了ANDROID BottomNavigationBar底部導(dǎo)航欄的實(shí)現(xiàn)示例,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-10-10Android自定義view實(shí)現(xiàn)雪花特效實(shí)例代碼
實(shí)現(xiàn)雪花的效果其實(shí)也可以通過自定義View的方式來實(shí)現(xiàn)的,而且操作上也相對簡單一些,下面這篇文章主要給大家介紹了關(guān)于Android自定義view實(shí)現(xiàn)雪花特效的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12Android通過ksoap2傳遞復(fù)雜數(shù)據(jù)類型及CXF發(fā)布的webservice詳細(xì)介紹
這篇文章主要介紹了 Android通過ksoap2傳遞復(fù)雜數(shù)據(jù)類型詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2017-02-02