類型：編程工具大小：13.8M語言：英文 評分：5.5

標簽：

立即下載

觀察qqminihd界面，發現其界面能夠左右滑動來實現兩側菜單效果。

自定義Layout:ScrollLayout.java

直接貼出代碼：

1 package grimbo.android.demo.slidingmenu;

2

3 import android.content.Context;

4 import android.util.AttributeSet;

5 import android.util.Log;

6 import android.view.GestureDetector;

7 import android.view.GestureDetector.OnGestureListener;

8 import android.view.MotionEvent;

9 import android.view.View;

10 import android.view.ViewConfiguration;

11 import android.view.animation.AnimationUtils;

12 import android.widget.LinearLayout;

13 import android.widget.Scroller;

14

15 public class ScrollLayout extends LinearLayout {

16

17 //??? private static final String TAG = "scroller";

18

19???? private Scroller scroller;

20

21???? private int currentScreenIndex;

22

23???? private GestureDetector gestureDetector;

24

25???? // 設置一個標志位，防止底層的onTouch事件重復處理UP事件

26???? private boolean fling;

27

28???? /**

29????? * 菜單欄的寬度

30????? */

31???? int menuWidth=80;

32

33???? /**

34????? * 顯示左邊菜單

35????? * 否則顯示右邊菜單

36????? */

37???? private boolean showLeft=true;

38

39???? /**

40????? * 滾出邊界監聽器

41????? */

42???? private OnScrollSideChangedListener scrollSideChangedListener;

43

44???? public Scroller getScroller() {

45???????????? return scroller;

46???? }

47

48???? public OnScrollSideChangedListener getScrollSideChangedListener() {

49???????? return scrollSideChangedListener;

50???? }

51

52???? public void setScrollSideChangedListener(

53???????????? OnScrollSideChangedListener scrollSideChangedListener) {

54???????? this.scrollSideChangedListener = scrollSideChangedListener;

55???? }

56

57???? public ScrollLayout(Context context, AttributeSet attrs) {

58???????????? super(context, attrs);

59???????????? initView(context);

60???? }

61

62???? public ScrollLayout(Context context) {

63???????????? super(context);

64???????????? initView(context);

65???? }

66

67???? private void initView(final Context context) {

68???????????? this.scroller = new Scroller(context,AnimationUtils.loadInterpolator(context,

69???????????????????? android.R.anim.overshoot_interpolator));

70

71???????????? this.gestureDetector = new GestureDetector(new OnGestureListener() {

72

73???????????????????? @Override

74???????????????????? public boolean onSingleTapUp(MotionEvent e) {

75???????????????????????????? return false;

76???????????????????? }

77

78???????????????????? @Override

79???????????????????? public void onShowPress(MotionEvent e) {

80???????????????????? }

81

82???????????????????? @Override

83???????????????????? public boolean onScroll(MotionEvent e1, MotionEvent e2,

84???????????????????????????????????? float distanceX, float distanceY) {

85

86???????????????????????????? {// 防止向第一頁之前移動

87???????????????????????????????? if(1==currentScreenIndex)

88???????????????????????????????? {

89???????????????????????????????????? int screenLeft=getWidth()-menuWidth;

90???????????????????????????????????? if(showLeft && getScrollX()>screenLeft)

91???????????????????????????????????? {

92???????????????????????????????????????? showLeft=false;

93 //??????????????????????????????????????? Log.e("TAG","顯示右邊菜單欄");

94???????????????????????????????????????? if(null!=scrollSideChangedListener)

95???????????????????????????????????????????? scrollSideChangedListener.onScrollSideChanged(ScrollLayout.this, showLeft);

96???????????????????????????????????? }

97???????????????????????????????????? else if(!showLeft && getScrollX()

98???????????????????????????????????? {

99???????????????????????????????????????? showLeft=true;

100 //??????????????????????????????????????? Log.e("TAG","顯示左邊菜單欄");

101???????????????????????????????????????? if(null!=scrollSideChangedListener)

102???????????????????????????????????????????? scrollSideChangedListener.onScrollSideChanged(ScrollLayout.this, showLeft);

103???????????????????????????????????? }

104???????????????????????????????? }

105

106???????????????????????????????????? fling = true;

107???????????????????????????????????? scrollBy((int) distanceX, 0);

108 //??????????????????????????????????? Log.d("TAG", "on scroll>>>>>>>>>>>>>>>>>移動<<<<<<<<<<<<<<>>>");

109???????????????????????????? }

110???????????????????????????? return true;

111???????????????????? }

112

113???????????????????? @Override

114???????????????????? public void onLongPress(MotionEvent e) {

115???????????????????? }

116

117???????????????????? @Override

118???????????????????? public boolean onFling(MotionEvent e1, MotionEvent e2,

119???????????????????????????????????? float velocityX, float velocityY) {

120

121???????????????????????????? if (Math.abs(velocityX) > ViewConfiguration.get(context)

122???????????????????????????????????????????? .getScaledMinimumFlingVelocity())

123???????????????????????????? {// 判斷是否達到最小輕松速度，取絕對值的

124???????????????????????????????? fling = true;

125???????????????????????????????? snapToDestination();

126 //??????????????????????????????? Log.d(TAG, "on scroll>>>>>>>>>>>>>>>>>滑動<<<<<<<<<<<<<<>>>");

127???????????????????????????? }

128

129???????????????????????????? return true;

130???????????????????? }

131

132???????????????????? @Override

133???????????????????? public boolean onDown(MotionEvent e) {

134???????????????????????????? return false;

135???????????????????? }

136???????????? });

137

138???? }

139???? //每一個屏的邊界值

140???? //0----[getWidth()-20]----[2*getWidth()-20]-----[3*getWidth()-40]

141

142

143???? @Override

144???? protected void onLayout(boolean changed, int left, int top, int right,

145???????????????????? int bottom) {

146???????????? /**

147????????????? * 設置布局，將子視圖順序橫屏排列

148????????????? */

149???????????? super.onLayout(changed, left, top, right, bottom);

150???????????? int move=getWidth()-menuWidth;

151???????????? for (int i = 0; i < getChildCount(); i++)

152???????????? {

153???????????????????? View child = getChildAt(i);

154 //??????????????????? child.setVisibility(View.VISIBLE);

155???????????????????? //移動一定的距離

156???????????????????? child.layout(child.getLeft()+move,child.getTop(),child.getRight()+move,child.getBottom());

157???????????? }

158???? }

159

160???? @Override

161???? public void computeScroll() {

162???????????? if (scroller.computeScrollOffset()) {

163 //??????????????????? Log.d(TAG, ">>>>>>>>>>computeScroll>>>>>"+scroller.getCurrX());

164???????????????????? scrollTo(scroller.getCurrX(), 0);

165???????????????????? postInvalidate();

166???????????? }

167???? }

168

169???? @Override

170???? public boolean onTouchEvent(MotionEvent event) {

171

172???????????? float x2s=getScrollX()+event.getX();

173

174???????????? if(x2s2*getWidth()-menuWidth)

175???????????? {//動作在區域外面

176???????????????? if(!fling)//沒有在滑動

177???????????????? {

178 //??????????????????? Log.d(TAG, "on scroll>>>>>>>>>>>>>>>>>動作在區域外面 沒有在滑動<<<<<<<<<<<<<<>>>");

179???????????????????? return false;

180???????????????? }

181???????????????? else if(MotionEvent.ACTION_UP!=event.getAction())

182???????????????? {//否則如果也不是抬起手勢，則強制模擬抬起

183???????????????????? snapToDestination();

184???????????????????? fling = false;

185 //??????????????????? Log.d(TAG, "on scroll>>>>>>>>>>>>>>>>>動作在區域外面 在滑動 也不是抬起手勢<<<<<<<<<<<<<<>>>");

186???????????????????? return false;

187???????????????? }

188 //??????????????? Log.e(TAG, "on scroll>>>>>>>>>>>>>>>>>動作在區域外面 在滑動 是抬起手勢<<<<<<<<<<<<<<>>>");

189???????????? }

190

191???????????? gestureDetector.onTouchEvent(event);

192

193???????????? switch (event.getAction()) {

194???????????? case MotionEvent.ACTION_DOWN:

195???????????????????? break;

196???????????? case MotionEvent.ACTION_MOVE:

197???????????????????? break;

198???????????? case MotionEvent.ACTION_UP:

199 //??????????????????? Log.d(TAG, ">>ACTION_UP:>>>>>>>> MotionEvent.ACTION_UP>>>>>");

200 //??????????????????? if (!fling)

201???????????????????? {

202???????????????????????????? snapToDestination();

203???????????????????? }

204???????????????????? fling = false;

205???????????????????? break;

206???????????? default:

207???????????????????? break;

208???????????? }

209???????????? return true;

210???? }

211

212???? /**

213????? * 切換到指定屏

214????? *

215????? * @param whichScreen

216????? */

217???? public void scrollToScreen(int whichScreen) {

218???????????? if (getFocusedChild() != null && whichScreen != currentScreenIndex

219???????????????????????????? && getFocusedChild() == getChildAt(currentScreenIndex)) {

220???????????????????? getFocusedChild().clearFocus();

221???????????? }

222???????????? int delta = 0;

223

224???????????? if(whichScreen==0)

225???????????????? delta= - getScrollX();

226???????????? else if(whichScreen==1)

227???????????????? delta= getWidth()-menuWidth- getScrollX();

228???????????? else if(whichScreen==2)

229???????????????? delta= 2*(getWidth()-menuWidth)- getScrollX();

230???????????? else

231???????????????? return;

232 //??????????????? delta = whichScreen * getWidth() - getScrollX();

233

234???????????? scroller.startScroll(getScrollX(), 0, delta, 0, Math.abs(delta) * 2);

235???????????? invalidate();

236

237???????????? currentScreenIndex = whichScreen;

238???? }

239

240???? /**

241????? * 根據當前x坐標位置確定切換到第幾屏

242????? */

243???? private void snapToDestination() {

244

245???????? if(getScrollX()

246???????????? scrollToScreen(0);

247???????? else if(getScrollX()

248???????????? scrollToScreen(1);

249???????? else

250???????????? scrollToScreen(2);

251???? }

252

253???? public interface OnScrollSideChangedListener

254???? {

255???????? public void onScrollSideChanged(View v,boolean leftSide);

256???? }

257 }

接下來，在定義activity里面的布局my_layout.xml：

1 <?xml version="1.0" encoding="utf-8"?>

2

3???? xmlns:app="http://schemas.android.com/apk/res/grimbo.android.demo.slidingmenu"

4???? android:id="@+id/FrameLayout1"

5???? android:layout_width="match_parent"

6???? android:layout_height="match_parent" >

7????

8???????? android:layout_width="match_parent"

9???????? android:layout_height="match_parent"

10???????? android:id="@+id/left_menu"

11???????? android:background="#333"

12???????? android:orientation="vertical" >

13

14????????

15???????????? android:layout_width="200dp"

16???????????? android:layout_height="wrap_content"

17???????????? android:text="左菜單一" />

18????????

19???????????? android:layout_width="200dp"

20???????????? android:layout_height="wrap_content"

21???????????? android:text="左菜單二" />

22????

23

24????

25???????? android:id="@+id/right_menu"

26???????? android:layout_width="match_parent"

27???????? android:layout_height="match_parent"

28???????? android:background="#666"

29???????? android:orientation="horizontal" >

30????????

31???????????? android:layout_width="wrap_content"

32???????????? android:layout_height="wrap_content"

33???????????? android:layout_weight="1"

34???????????? android:orientation="vertical" >

35????????

36????????

37???????????? android:layout_width="200dp"

38???????????? android:layout_height="wrap_content"

39???????????? android:orientation="vertical" >

40????????????

41???????????????? android:layout_width="match_parent"

42???????????????? android:layout_height="wrap_content"

43???????????????? android:text="右菜單一" />

44????????????

45???????????????? android:layout_width="match_parent"

46???????????????? android:layout_height="wrap_content"

47???????????????? android:text="右菜單二" />

48

49????????

50

51????

52????

53???????? android:layout_width="match_parent"

54???????? android:orientation="vertical"

55???????? android:id="@+id/my_scrollLayout"

56???????? android:layout_height="match_parent">

57????????

58???????????? android:layout_width="match_parent"

59???????????? android:layout_height="match_parent"

60???????????? android:background="#aaa"

61???????????? android:orientation="vertical" >

62

63

64????????????

65???????????????? android:id="@+id/button1"

66???????????????? android:layout_width="match_parent"

67???????????????? android:layout_height="wrap_content"

68???????????????? android:text="Button Button" />

69

70????????????

71???????????????? android:id="@+id/spinner1"

72???????????????? android:layout_width="match_parent"

73???????????????? android:layout_height="wrap_content" />

74

75????????????

76???????????????? android:id="@+id/seekBar1"

77???????????????? android:layout_width="match_parent"

78???????????????? android:layout_height="wrap_content" />

79

80????????

81

82????

83

84

最后，在activity里面的onCreate函數里加上：

1 setContentView(R.layout.my_layout);

2

3 final LinearLayout left=(LinearLayout)findViewById(R.id.left_menu);

4 final LinearLayout right=(LinearLayout)findViewById(R.id.right_menu);

5 right.setVisibility(View.GONE);

6 left.setVisibility(View.VISIBLE);

7

8 ScrollLayout mScrollLayout=(ScrollLayout)findViewById(R.id.my_scrollLayout);

9 mScrollLayout.setScrollSideChangedListener(new OnScrollSideChangedListener() {

10 @Override

11 public void onScrollSideChanged(View v, boolean leftSide) {

12 if(leftSide)

13 {

14 right.setVisibility(View.GONE);

15 left.setVisibility(View.VISIBLE);

16 }else

17 {

18 right.setVisibility(View.VISIBLE);

19 left.setVisibility(View.GONE);

20 }

21 }

22 });

大功告成！左右滑動是彈性效果也一并實現~

總結

以上是生活随笔為你收集整理的android qq弹出菜单,Android开发实现qqminihd 左右滑动菜单效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。