Android實(shí)現(xiàn)網(wǎng)易新聞客戶(hù)端側(cè)滑菜單(2)
前面已經(jīng)講過(guò)通過(guò)三方開(kāi)源庫(kù)SlideMenu來(lái)實(shí)現(xiàn)這種效果,請(qǐng)參考Android實(shí)現(xiàn)網(wǎng)易新聞客戶(hù)端側(cè)滑菜單(一)
今天通過(guò)自定義View來(lái)實(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();
}
/**
* 測(cè)量出所有子布局的寬和高
*/
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
measureView(widthMeasureSpec, heightMeasureSpec);
}
/**
* 測(cè)量所有子布局的寬和高
* @param widthMeasureSpec 父布局也就是ViewGroup的寬度測(cè)量規(guī)格
* @param heightMeasureSpec 父布局也就是ViewGroup的高度測(cè)量規(guī)格
*/
private void measureView(int widthMeasureSpec, int heightMeasureSpec) {
// 測(cè)量菜單的寬和高
View menuView = getChildAt(0);
menuView.measure(menuView.getLayoutParams().width, heightMeasureSpec);
// 測(cè)量主界面的寬和高
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軸移動(dòng)后的偏移量
int newScrollX = getScrollX() + deltaX;
if(newScrollX < -getChildAt(0).getWidth()) { // 當(dāng)前屏幕x軸的偏移量超過(guò)了菜單的左邊界
// 回到菜單的左邊界位置
scrollTo(-getChildAt(0).getWidth(), 0);
} else if(newScrollX > 0) { // 超過(guò)了主界面的右邊界
// 回到主界面的右邊界
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)易新聞客戶(hù)端效果
Android實(shí)現(xiàn)網(wǎng)易新聞客戶(hù)端側(cè)滑菜單(1)
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android項(xiàng)目實(shí)戰(zhàn)之仿網(wǎng)易新聞的頁(yè)面(RecyclerView )
- Android實(shí)現(xiàn)仿網(wǎng)易新聞的頂部導(dǎo)航指示器
- Android實(shí)現(xiàn)仿網(wǎng)易新聞主界面設(shè)計(jì)
- Android實(shí)現(xiàn)網(wǎng)易新聞客戶(hù)端首頁(yè)效果
- Android實(shí)現(xiàn)類(lèi)似網(wǎng)易新聞選項(xiàng)卡動(dòng)態(tài)滑動(dòng)效果
- Android 仿網(wǎng)易新聞客戶(hù)端分類(lèi)排序功能
- Android模擬實(shí)現(xiàn)網(wǎng)易新聞客戶(hù)端
- Android實(shí)現(xiàn)網(wǎng)易新聞客戶(hù)端側(cè)滑菜單(1)
- Android組件DrawerLayout仿網(wǎng)易新聞v4.4側(cè)滑菜單
- Android仿網(wǎng)易新聞圖片詳情下滑隱藏效果示例代碼
相關(guān)文章
Android動(dòng)態(tài)自定義圓形進(jìn)度條
這篇文章主要介紹了Android動(dòng)態(tài)自定義圓形進(jìn)度條,需要的朋友可以參考下2017-03-03
Android 照片選擇區(qū)域功能實(shí)現(xiàn)示例
這篇文章主要介紹了Android 照片選擇區(qū)域功能實(shí)現(xiàn)示例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
Android編程實(shí)現(xiàn)canvas繪制柱狀統(tǒng)計(jì)圖功能【自動(dòng)計(jì)算寬高及分度值、可左右滑動(dòng)】
這篇文章主要介紹了Android編程實(shí)現(xiàn)canvas繪制柱狀統(tǒng)計(jì)圖功能,具備自動(dòng)計(jì)算寬高及分度值及左右滑動(dòng)的功能,涉及Android canvas繪圖操作相關(guān)技巧,需要的朋友可以參考下2017-01-01
Android基于Fresco實(shí)現(xiàn)圓角和圓形圖片
這篇文章主要為大家詳細(xì)介紹了Android基于Fresco實(shí)現(xiàn)圓角和圓形圖片,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04
Android定時(shí)器Timer的停止和重啟實(shí)現(xiàn)代碼
本篇文章主要介紹了Android實(shí)現(xiàn)定時(shí)器Timer的停止和重啟實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08
Android?Scroller實(shí)現(xiàn)彈性滑動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了Android?Scroller實(shí)現(xiàn)彈性滑動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04
解析Android開(kāi)發(fā)優(yōu)化之:對(duì)Bitmap的內(nèi)存優(yōu)化詳解
在Android應(yīng)用里,最耗費(fèi)內(nèi)存的就是圖片資源。而且在Android系統(tǒng)中,讀取位圖Bitmap時(shí),分給虛擬機(jī)中的圖片的堆棧大小只有8M,如果超出了,就會(huì)出現(xiàn)OutOfMemory異常。所以,對(duì)于圖片的內(nèi)存優(yōu)化,是Android應(yīng)用開(kāi)發(fā)中比較重要的內(nèi)容2013-05-05

