一张图片实现滚动
来源:互联网 发布:mac yosemite dmg下载 编辑:程序博客网 时间:2024/04/28 14:08
有一张比较大的图片,比如长宽都是屏幕的两倍大小,实现的功能是首先将图片居中显示,由于图片太大显然只能显示一部分,然后可以通过拖动,实现图片的平滑滚动(既看不出来滚动刷新痕迹)。
使用imageView配合onTouch事件,可以解决。
关键代码:
布局文件中imageView控件如下
[html] <span style="font-size:16px;"><ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/img"
android:scaleType="center"
android:background="#fff"
android:src="@drawable/picName"
/>
</span>
<span style="font-size:16px;"><ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/img"
android:scaleType="center"
android:background="#fff"
android:src="@drawable/picName"
/>
</span>
Activity文件中主要代码如下
[java] <span style="font-size:16px;">@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.xml_name_layout);
final ImageView switcherView = (ImageView) this.findViewById(R.id.img);
switcherView.setOnTouchListener(new View.OnTouchListener() {
public boolean onTouch(View arg0, MotionEvent event) {
float curX, curY;
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
mx = event.getX();
my = event.getY();
break;
case MotionEvent.ACTION_MOVE:
curX = event.getX();
curY = event.getY();
switcherView.scrollBy((int) (mx - curX), (int) (my - curY));
mx = curX;
my = curY;
break;
case MotionEvent.ACTION_UP:
curX = event.getX();
curY = event.getY();
switcherView.scrollBy((int) (mx - curX), (int) (my - curY));
break;
}
return true;
}
});
}
</span>
<span style="font-size:16px;">@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.xml_name_layout);
final ImageView switcherView = (ImageView) this.findViewById(R.id.img);
switcherView.setOnTouchListener(new View.OnTouchListener() {
public boolean onTouch(View arg0, MotionEvent event) {
float curX, curY;
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
mx = event.getX();
my = event.getY();
break;
case MotionEvent.ACTION_MOVE:
curX = event.getX();
curY = event.getY();
switcherView.scrollBy((int) (mx - curX), (int) (my - curY));
mx = curX;
my = curY;
break;
case MotionEvent.ACTION_UP:
curX = event.getX();
curY = event.getY();
switcherView.scrollBy((int) (mx - curX), (int) (my - curY));
break;
}
return true;
}
});
}
</span>
- 一张图片实现滚动
- Gallery实现每次只滚动一张图片
- VC++实现一张图片循环滚动
- 实现一张图片的缩放
- jquery实现div内图片水平左右滚动,滚动到最后一张停止、可根据需求调整图片数量及大小
- js实现朝一个方向不间断的图片滚动,这是不能实现的(即最后一张图片跑完后紧接着进行第一张图片)
- javascript实现滚动图片
- javascript 实现图片滚动
- 图片滚动js实现
- js实现图片滚动
- javascript实现滚动图片
- javascript实现滚动图片
- javascript实现图片滚动
- js 图片滚动实现
- 图片实现无缝滚动
- js实现图片滚动
- javaScript实现图片滚动
- Android 实现滚动图片
- Sharepoint2010网站备份
- 在ubuntu下轻松安装QQ2012教程
- 全国口译笔译考试CATTI-笔译三级考试大纲
- LAMP一键安装包-CentOS 5/6下自动编译安装Apache,MySQL,PHP
- 用匈牙利算法求二分图的最大匹配
- 一张图片实现滚动
- 第三届蓝桥杯Java高职组决赛第一题
- Qt里对QLineEdit输入框进行判断
- 使用C++处理JSON数据交换格式
- SQL2012的一些新函数
- PKU-1051 P,MTHBGWB (map的使用)
- KMP算法详解——适合初学KMP算法的朋友
- 揭秘中国16大暴利行业
- could not fetch initial value for increment gener