程序博客网 > raid2数据图

android之查看图片的程序 ImageSwitcher Gallery的配合应用---版本2

来源：互联网 发布：raid2数据图 编辑：程序博客网 时间：2024/06/16 14:23

示意图：

其实效果图还是一样的，只不过这里添加了这么以下几个功能：

第一：下方图片的自适应长宽（在保证长宽比例的情况下哦）

第二：触摸大图同样可以进行图片切换（没有机器，没法测试，但是基本的思路还是正确的）

代码：

activity代码：

[java:nogutter] view plaincopyprint?
  1. package cn.com.chenzheng_java;
  3. import java.text.DecimalFormat;
  5. import android.app.Activity;
  6. import android.content.Context;
  7. import android.content.res.Resources;
  8. import android.graphics.Bitmap;
  9. import android.graphics.BitmapFactory;
  10. import android.os.Bundle;
  11. import android.util.Log;
  12. import android.view.MotionEvent;
  13. import android.view.View;
  14. import android.view.ViewGroup;
  15. import android.view.Window;
  16. import android.view.View.OnTouchListener;
  17. import android.view.animation.AnimationUtils;
  18. import android.widget.AdapterView;
  19. import android.widget.BaseAdapter;
  20. import android.widget.Gallery;
  21. import android.widget.ImageSwitcher;
  22. import android.widget.ImageView;
  23. import android.widget.Toast;
  24. import android.widget.AdapterView.OnItemSelectedListener;
  25. import android.widget.Gallery.LayoutParams;
  26. import android.widget.ImageView.ScaleType;
  27. import android.widget.ViewSwitcher.ViewFactory;
  28. /**
  29. * @description 对图片的一个小小展示
  30. * @author chenzheng_java
  31. * @since 2011/3/17
  32. *
  33. */
  34. public class GalleryActivityextends Activity implements OnItemSelectedListener ,OnTouchListener{
  36. int[] imagesId = newint[] { R.drawable.a1, R.drawable.a2, R.drawable.a3,
  37. R.drawable.a4
  39. };
  40. int index = 0;
  41. ImageSwitcher imageSwitcher;
  42. int maxImageWidth = 70;
  43. int maxImageHeight =100;
  45. @Override
  46. protected void onCreate(Bundle savedInstanceState) {
  47. super.onCreate(savedInstanceState);
  48. /**
  49. * 设置窗口无标题栏,一定要在setContentView前进行设置哦
  50. */
  51. requestWindowFeature(Window.FEATURE_NO_TITLE);
  52. setContentView(R.layout.gallery);
  54. Gallery gallery = (Gallery) findViewById(R.id.gallery1);
  55. gallery.setOnItemSelectedListener(this);
  57. imageSwitcher = (ImageSwitcher) findViewById(R.id.imageSwitcher);
  58. imageSwitcher.setVisibility(View.VISIBLE);
  60. /***
  61. * setInAnimation可以设置淡入动画
  62. * setOutAnimation可以设置淡出动画
  63. */
  64. imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(
  65. getApplicationContext(), android.R.anim.fade_in));
  66. imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(
  67. getApplicationContext(), android.R.anim.fade_out));
  69. imageSwitcher.setFactory(new ViewFactory() {
  70. /**
  71. * 创建一个新的图片放置到ImageSwitcher上,可以使用其设置背景哦。
  72. * 一般只会在创建时调用一次。相当于为我们创建一个进行动画效果时的一个背景图。
  73. * 此方法亦可以通过setView替代
  74. */
  75. @Override
  76. public View makeView() {
  77. ImageView imageView = new ImageView(GalleryActivity.this);
  78. // 设置截取模式
  79. imageView.setScaleType(ScaleType.CENTER_INSIDE);
  80. imageView.setBackgroundResource(R.drawable.ground);
  81. Toast.makeText(getApplicationContext(), "执行了一次",
  82. Toast.LENGTH_SHORT).show();
  83. return imageView;
  84. }
  85. });
  87. gallery.setVisibility(View.VISIBLE);
  88. gallery.setAdapter(new ImageAdapter(this));
  90. }
  92. class ImageAdapter extends BaseAdapter {
  93. private Context context2;
  95. public ImageAdapter(Context context) {
  96. context2 = context;
  97. }
  99. @Override
  100. public int getCount() {
  101. return imagesId.length;
  102. }
  104. @Override
  105. public Object getItem(int position) {
  106. return imagesId[position];
  107. }
  109. @Override
  110. public long getItemId(int position) {
  111. return position;
  112. }
  113. /***
  114. * 该方法的实现稍微复杂一些，主要思想就是，要对图片的大小进行自动剪裁，让其正好宽或者长顶到允许的最大值
  115. * 这里主要用到了BitmapFactory Bitmap 用于图片获取和处理
  116. * DecaimalFormat 用于对double数据进行格式规划（这里是只允许小数点后两位）
  117. */
  118. @Override
  119. public View getView(int position, View convertView, ViewGroup parent) {
  120. index = position;
  121. ImageView image = new ImageView(context2);
  122. Resources resources = context2.getResources();
  123. // 加载图片为Bitmap位图
  124. Bitmap bitmap = BitmapFactory.decodeResource(resources, imagesId[position]);
  125. Log.i("是否可以decode这张图片", (bitmap!=null)+"");
  127. // 图片的原始大小
  128. int bitMapWidth = bitmap.getWidth();
  129. int bitMapHeight = bitmap.getHeight();
  130. Log.i("bitMapWidth", bitMapWidth+"");
  131. Log.i("bitMapHeight", bitMapHeight+"");
  133. // 缩小或者放大的倍数关系
  134. double scale;
  135. double widthScale = (maxImageWidth*100)/(bitMapWidth*100.0);//这里乘以100然后除以100.0的目的是为了让其返回double类型
  136. double heightScale = (maxImageHeight*100)/(bitMapHeight*100.0);
  138. // 规划获得的格式（小数点后两位）
  139. DecimalFormat decimalFormat = new DecimalFormat("#.00");
  140. widthScale = Double.valueOf(decimalFormat.format(widthScale));
  141. heightScale = Double.valueOf(decimalFormat.format(heightScale));
  143. Log.i("widthScale", widthScale+"");
  144. Log.i("heightScale", heightScale+"");
  147. if(widthScale>= heightScale){
  148. scale = widthScale;
  149. }
  150. else{
  151. scale = heightScale;
  152. }
  154. Log.i("scale", scale+"");
  156. // 根据原图片生成一个缩放后的图片
  157. Bitmap bitmap2 = Bitmap.createScaledBitmap(bitmap, (int)(bitMapWidth*scale), (int)(bitMapHeight*scale),true);
  158. // 将图片绑定到ImageView
  159. image.setImageBitmap(bitmap2);
  161. /**
  162. * setScaleType()可以设置当图片大小和容器大小不匹配时的剪辑模式.
  163. * ScaleType.CENTER_INSIDE的意思是，按图片的原比例缩小或者扩大，直到长或者宽中的任何一个顶到容器为止
  164. * 因为在上面我们已经重新生成了一个图片放在gallery上，大小已经符合要求了，所以这里就不需要再通过
  165. * setScaleType进行剪裁了。有些人可能觉得笔者脑子有病，有简单的不用，非要用那么复杂的，这里呢，其实只是
  166. * 给大家的一个使用范例，我们通过bitmap可不仅仅是缩放图片哦，还可以倾斜、移动等等……
  167. */
  168. // image.setScaleType(ScaleType.CENTER_INSIDE);
  169. image.setAdjustViewBounds(true);// 自适应边框处理
  170. image.setLayoutParams(new Gallery.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
  171. return image;
  172. }
  174. }
  175. /**
  176. * 当gallery的图像发生变化时，同步ImageSwitcher的变化
  177. */
  178. @Override
  179. public void onItemSelected(AdapterView<?> parent, View view,int position,
  180. long id) {
  181. imageSwitcher.setImageResource(imagesId[position]);
  183. }
  185. @Override
  186. public void onNothingSelected(AdapterView<?> parent) {
  188. }
  189. int i = 0 ;
  190. /***
  191. * 屏幕被触摸时提供的方法,这里我们通过它来实现拖动大图片，也会自动切换图片o
  192. */
  193. @Override
  194. public boolean onTouch(View v, MotionEvent event) {
  195. Log.i("是否正在触摸", "yes");
  196. int actionName = event.getAction();
  197. float []position =null;
  199. //被按下时
  200. if(actionName==MotionEvent.ACTION_DOWN){
  201. i = 0;
  202. }
  203. // 被按着拖动时
  204. if(actionName == MotionEvent.ACTION_MOVE)
  205. {
  206. position[i] = event.getX();
  207. ++i;
  209. }
  210. if(actionName == MotionEvent.ACTION_UP)
  211. {
  212. if(position[position.length]>position[position.length-1]){
  214. if((index+1)>imagesId.length){
  215. imageSwitcher.setImageResource(imagesId[index]);
  216. }
  217. else{
  218. imageSwitcher.setImageResource(imagesId[index+1]);
  219. }
  222. }
  223. else{
  224. if((index-1)<0){
  225. imageSwitcher.setImageResource(imagesId[0]);
  226. }
  227. else{
  228. imageSwitcher.setImageResource(imagesId[index-1]);
  229. }
  231. }
  232. }
  233. return true;
  234. }
  236. }

gallery.xml

[xhtml:nogutter] view plaincopyprint?
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayout
  3. xmlns:android="http://schemas.android.com/apk/res/android"
  4. android:layout_width="fill_parent"
  5. android:layout_height="fill_parent"
  6. android:orientation="vertical"
  7. android:gravity="center_horizontal"
  8. >
  10. <ImageSwitcher
  11. android:id="@+id/imageSwitcher"
  12. android:layout_height="350dp"
  13. android:layout_width="fill_parent"
  14. ></ImageSwitcher>
  16. <Galleryandroid:id="@+id/gallery1"
  17. android:gravity="center"
  18. android:layout_width="wrap_content"
  19. android:layout_height="wrap_content"></Gallery>
  20. </LinearLayout>

-----------------------------------------------------------

有问题的大家一起交流！

raid2数据图 raid2数据图
原创粉丝点击
热门IT博客
南风知我意2 番外七微南风知我意2 番外七微
辛辛那提大学 知乎辛辛那提大学 知乎
小米平板网络助手
担保交易网站源码
网络中断应急预案
雪人信封打印软件
域名抵押贷款骗局
mysql 主键作用
手机写作软件排行
中企动力大数据推广
c语言100以内的质数
输入网络凭据
大数据工程师面试题
家用探头软件
唐七公子知乎
在家可做淘宝客服招聘
淘宝联盟引流60软件
淘宝如何买东西
我的世界优化fps
企业备份软件
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 流沙画里的液体是什么 流沙金多少钱一克 如何自制流沙馅 深沟寺 女配登仙路 沙漏随时间流走 蛋包饭流蛋液的那种 龙起南洋 流泪的鱼wyj 人潮川流不息是什么歌 流了 流的 什么流 流湎 流中 流什么 流流顺下载 流流顺下载电信版 下载流流顺 流流顺辅导版 电信流流顺 流流顺下载四川电信版 流浪歌曲 歌曲流浪 流浪者之歌原唱 流浪歌原唱 流浪者之歌意思 流浪歌简谱 流浪之歌 流浪者之歌简谱 流浪歌歌词 流浪歌简谱歌谱 歌曲流浪歌 流浪歌歌曲 流浪流浪流浪是什么歌 流浪歌歌谱 多少人在流浪是哪首歌 苏谭谭流浪歌 流浪者之歌下载 流浪者之歌的意思 流浪者之歌五线谱 流浪歌陈星 多少人依然在流浪是什么歌

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里