Android重写HorizontalScrollView模仿ViewPager效果
Android提供的ViewPager类太复杂,有时候没有必要使用,所以重写一个HorizontalScrollView来实现类似的效果,也可以当做Gallery来用
思路很简单,就是重写onTouchEvent事件,在手指抬起或者取消的时候,进行smoothScroll的操作,具体请看代码:
布局文件:activity_test.xml
|
1
2
3
4
5
6
|
1 <!--?xml version=1.0 encoding=utf-8?--> 2 <com.example.testxinye.myscrollview 3="" 4="" 5="" 6="" android:layout_height="fill_parent" android:layout_width="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android"> 7 <linearlayout 10="" 11="" 8="" 9="" android:id="@+id/container" android:layout_height="match_parent" android:layout_width="match_parent" android:orientation="horizontal">12 13 </linearlayout>14 </com.example.testxinye.myscrollview> |
Activity类:TestActivity.java
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
|
1 package com.example.testxinye; 2 3 import android.app.Activity; 4 import android.graphics.Color; 5 import android.os.Bundle; 6 import android.util.DisplayMetrics; 7 import android.widget.ImageView; 8 import android.widget.ImageView.ScaleType; 9 import android.widget.LinearLayout;10 import android.widget.LinearLayout.LayoutParams;11 /**12 * 13 * @author xinye14 *15 */16 public class TestActivity extends Activity {17 private LinearLayout mContainer = null;18 @Override19 protected void onCreate(Bundle savedInstanceState) {20 // TODO Auto-generated method stub21 super.onCreate(savedInstanceState);22 setContentView(R.layout.activity_test);23 24 mContainer = (LinearLayout) findViewById(R.id.container);25 26 LayoutParams params = new LayoutParams(getWinWidth(), getWinHeight());27 28 ImageView imageView1 = new ImageView(this);29 imageView1.setLayoutParams(params);30 imageView1.setImageResource(R.drawable.call_show_medal5);31 imageView1.setScaleType(ScaleType.CENTER);32 mContainer.addView(imageView1);33 34 ImageView imageView2 = new ImageView(this);35 imageView2.setLayoutParams(params);36 imageView2.setImageResource(R.drawable.call_show_medal1);37 imageView2.setScaleType(ScaleType.CENTER);38 imageView2.setBackgroundColor(Color.RED);39 mContainer.addView(imageView2);40 41 ImageView imageView3 = new ImageView(this);42 imageView3.setLayoutParams(params);43 imageView3.setImageResource(R.drawable.call_show_medal2);44 imageView3.setScaleType(ScaleType.CENTER);45 imageView3.setBackgroundColor(Color.GRAY);46 mContainer.addView(imageView3);47 48 49 ImageView imageView4 = new ImageView(this);50 imageView4.setLayoutParams(params);51 imageView4.setImageResource(R.drawable.call_show_medal3);52 imageView4.setScaleType(ScaleType.CENTER);53 imageView4.setBackgroundColor(Color.BLUE);54 mContainer.addView(imageView4);55 56 57 ImageView imageView5 = new ImageView(this);58 imageView5.setLayoutParams(params);59 imageView5.setImageResource(R.drawable.call_show_medal4);60 imageView5.setScaleType(ScaleType.CENTER);61 imageView5.setBackgroundColor(Color.GREEN);62 mContainer.addView(imageView5);63 64 65 66 }67 68 @Override69 protected void onResume() {70 // ((MyScrollView)mContainer.getParent()).init();71 super.onResume();72 }73 74 private int getWinWidth(){75 DisplayMetrics dm = new DisplayMetrics();76 //获取屏幕信息77 getWindowManager().getDefaultDisplay().getMetrics(dm);78 return dm.widthPixels;79 }80 private int getWinHeight(){81 DisplayMetrics dm = new DisplayMetrics();82 //获取屏幕信息83 getWindowManager().getDefaultDisplay().getMetrics(dm);84 return dm.heightPixels;85 }86 } |
重写的HorizontalScrollView:MyScrollView.java
1 package com.example.testxinye;
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
|
2 3 import java.util.ArrayList; 4 5 import android.content.Context; 6 import android.util.AttributeSet; 7 import android.view.MotionEvent; 8 import android.view.View; 9 import android.view.ViewGroup; 10 import android.widget.HorizontalScrollView; 11 /** 12 * 13 * @author XINYE 14 * 15 */ 16 public class MyScrollView extends HorizontalScrollView { 17 private int subChildCount = 0; 18 private ViewGroup firstChild = null; 19 private int downX = 0; 20 private int currentPage = 0; 21 private ArrayList<integer> pointList = new ArrayList<integer>(); 22 23 public MyScrollView(Context context, AttributeSet attrs, int defStyle) { 24 super(context, attrs, defStyle); 25 init(); 26 } 27 28 29 public MyScrollView(Context context, AttributeSet attrs) { 30 super(context, attrs); 31 init(); 32 } 33 34 public MyScrollView(Context context) { 35 super(context); 36 init(); 37 } 38 private void init() { 39 setHorizontalScrollBarEnabled(false); 40 } 41 @Override 42 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 43 super.onMeasure(widthMeasureSpec, heightMeasureSpec); 44 receiveChildInfo(); 45 } 46 public void receiveChildInfo() { 47 48 firstChild = (ViewGroup) getChildAt(0); 49 if(firstChild != null){ 50 subChildCount = firstChild.getChildCount(); 51 for(int i = 0;i < subChildCount;i++){ 52 if(((View)firstChild.getChildAt(i)).getWidth() > 0){ 53 pointList.add(((View)firstChild.getChildAt(i)).getLeft()); 54 } 55 } 56 } 57 58 } 59 @Override 60 public boolean onTouchEvent(MotionEvent ev) { 61 switch (ev.getAction()) { 62 case MotionEvent.ACTION_DOWN: 63 downX = (int) ev.getX(); 64 break; 65 case MotionEvent.ACTION_MOVE:{ 66 67 }break; 68 case MotionEvent.ACTION_UP: 69 case MotionEvent.ACTION_CANCEL:{ 70 if( Math.abs((ev.getX() - downX)) > getWidth() / 4){ 71 if(ev.getX() - downX > 0){ 72 smoothScrollToPrePage(); 73 }else{ 74 smoothScrollToNextPage(); 75 } 76 }else{ 77 smoothScrollToCurrent(); 78 } 79 return true; 80 } 81 } 82 return super.onTouchEvent(ev); 83 } 84 85 private void smoothScrollToCurrent() { 86 smoothScrollTo(pointList.get(currentPage), 0); 87 } 88 89 private void smoothScrollToNextPage() { 90 if(currentPage < subChildCount - 1){ 91 currentPage++; 92 smoothScrollTo(pointList.get(currentPage), 0); 93 } 94 } 95 96 private void smoothScrollToPrePage() { 97 if(currentPage > 0){ 98 currentPage--; 99 smoothScrollTo(pointList.get(currentPage), 0);100 }101 }102 /**103 * 下一页104 */105 public void nextPage(){106 smoothScrollToNextPage();107 }108 /**109 * 上一页110 */111 public void prePage(){112 smoothScrollToPrePage();113 }114 /**115 * 跳转到指定的页面116 * @param page117 * @return118 */119 public boolean gotoPage(int page){120 if(page > 0 && page < subChildCount - 1){121 smoothScrollTo(pointList.get(page), 0);122 currentPage = page;123 return true;124 }125 return false;126 }127 }</integer></integer> |
结伴旅游,一个免费的交友网站:www.jieberu.com
推推族,免费得门票,游景区:www.tuituizu.com
Android重写HorizontalScrollView模仿ViewPager效果的更多相关文章
- Android重写HorizontalScrollView仿ViewPager效果
Android提供的ViewPager类太复杂,有时候没有必要使用,所以重写一个HorizontalScrollView来实现类似的效果,也可以当做Gallery来用 思路很简单,就是重写onTouc ...
- android自定义控件(5)-实现ViewPager效果
对于系统的ViewGroup我们已经是十分熟悉了,最常用的LinearLayout和RelativeLayout几乎是天天要打交道,下面我们就来看看,如何一步一步将其实现: 一.首先当然也是最通常的新 ...
- Android 使用HorizontalScrollView 实现Gallery效果
Gallery(画廊)是一个锁定中心条目并且拥有水平滚动列表的视图,一般用来浏览图片,并且可以响应事件显示信息:Gallery还可以和ImageSwitcher组件结合使用来实现一个通过缩略图来浏览图 ...
- Android 自定义View修炼-自定义HorizontalScrollView视图实现仿ViewPager效果
开发过程中,需要达到 HorizontalScrollView和ViewPager的效果,于是直接重写了HorizontalScrollView来达到实现ViewPager的效果. 实际效果图如下: ...
- Android 自定义 HorizontalScrollView 打造再多图片(控件)也不怕 OOM 的横向滑动效果
转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/38140505 自从Gallery被谷歌废弃以后,Google推荐使用ViewPa ...
- Android实现图片轮显效果——自定义ViewPager控件
一.问题概述 使用ViewPager控件实现可横向翻页.水平切换图片等效果,但ViewPager需要手动滑动才能切换页面,图片轮显效果的效果本质上就是在ViewPager控件的基础上让它能自动的进行切 ...
- Android重写ViewPager改动滑动灵敏度
使用ViewPager作为一个页面进行切换.里面能够存放非常多View,但有时在操作View时不小心滑动一下就有可能跳到下一页,这并非我们想要的,这里就须要重写ViewPager改动它的滑动条 ...
- android: 结合BottomNavigationView、ViewPager和Fragment 实现左右滑动的效果
主界面:MainActivity package com.yongdaimi.android.androidapitest; import android.os.Bundle; import andr ...
- Android 用HorizontalScrollView实现ListView的Item滑动删除 ,滑动错乱 冲突
用HorizontalScrollView实现类似微信的滑动删除 测试于:Android2.2+ 对于Android来说按键操作已经在减少,越来越多的手势操作层出不穷,今天介绍一款LIstView的I ...
随机推荐
- 如何用纯 CSS 创作出平滑的层叠海浪特效
效果预览 在线演示 按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/JvmBdE 可交互视频教 ...
- 使用 vscode将本地项目上传到github、从github克隆项目以及删除github上的某个文件夹
安装Git后,可以看到windows环境下有两个命令输入窗口Git CMD 和Git Bash Git GUI是可视化图形界面 Git中的Bash是基于CMD的,在CMD的基础上增添一些新的命令与功能 ...
- Two strings CodeForces - 762C (字符串,双指针)
大意: 给定字符串$a$,$b$, $b$可以任选一段连续的区间删除, 要求最后$b$是$a$的子序列, 求最少删除区间长度. 删除一段连续区间, 那么剩余的一定是一段前缀和后缀. 判断是否是子序列可 ...
- leetcode 1051. Height Checker
Students are asked to stand in non-decreasing order of heights for an annual photo. Return the minim ...
- pycharm terminal打开在虚拟环境
pycharm调试是虚拟环境,terminal不是虚拟环境,搞了好久,原来需要激活一下 cd venv\Scripts> 去虚拟环境的Script目录下,运行activate.bat激活环境 ...
- 前端点击下载excel表格数据
<el-button type="primary" @click="downloadChartData" size="mini"> ...
- 目标 - 在虚拟机CentOS7中无图形界面安装Oracle11G R2版本
参考: https://www.cnblogs.com/yejingcn/p/10278473.html centos7启动oracle su - oracle //切换到自己的oracle账户 ls ...
- mysql explain解析一 extra中的using index,using where,using index condition
1.简单介绍 using index 和using where只要使用了索引我们基本都能经常看到,而using index condition则是在mysql5.6后新加的新特性,我们先来看看mysq ...
- linux下如何查询jdk的安装路径
首先这个问题困扰了我很久,由于是新装的系统还不熟悉,配置java环境变量时很头疼,找不到JDK位置,还好google一波,发现了这个方法. 首先确保安装了JDK java -version java ...
- elastic 基本操作
官方参考文档: https://www.elastic.co/guide/cn/elasticsearch/guide/current/index-doc.html 1.查看 有哪些索引: curl ...