`
mmdev
  • 浏览: 12944986 次
  • 性别: Icon_minigender_1
  • 来自: 大连
文章分类
社区版块
存档分类
最新评论

【android中级】之Android ImageSwitcher和Gallery 综合使用

 
阅读更多

做相册和带图片查看功能的应用都应该用得上

1.MainActivity 单击按钮时，跳转到 ImageShowActivity

Java代码 复制代码 收藏代码
  1. package com.small.photos;
  3. import com.small.photos.R;
  4. import android.widget.*;
  5. import android.app.Activity;
  6. import android.content.Intent;
  7. import android.os.Bundle;
  8. import android.view.View;
  9. import android.view.View.OnClickListener;
  11. public class MainActivityextends Activity {
  13. OnClickListener listener0 = null;
  14. Button button0;
  16. @Override
  17. public void onCreate(Bundle savedInstanceState) {
  18. super.onCreate(savedInstanceState);
  19. setContentView(R.layout.main);
  21. // 单击按钮跳转到ImageShowActivity
  22. listener0 = new OnClickListener() {
  23. public void onClick(View v) {
  24. Intent intent = new Intent(MainActivity.this,
  25. ImageShowActivity.class);
  26. startActivity(intent);
  27. }
  28. };
  30. button0 = (Button) findViewById(R.id.image_show_button);
  31. button0.setOnClickListener(listener0);
  32. }
  34. }

2. main.xml 定义入口按钮

Java代码 复制代码 收藏代码
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:orientation="vertical"
  4. android:layout_width="fill_parent"
  5. android:layout_height="fill_parent"
  6. >
  7. <Button android:id="@+id/image_show_button"
  8. android:text="ImageSwitcher Gallery"
  9. android:layout_width="wrap_content"
  10. android:layout_height="wrap_content">
  11. </Button>
  12. </LinearLayout>

3.image_show.xml

ImageSwitcher是用来图片显示那块区域的控件 Gallery 是来控制底下那个图标列表索引用的

Java代码 复制代码 收藏代码
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout
  3. xmlns:android="http://schemas.android.com/apk/res/android"
  4. android:layout_width="fill_parent"
  5. android:layout_height="fill_parent">
  7. <ImageSwitcher android:id="@+id/ImageSwitcher01"
  8. android:layout_height="fill_parent"
  9. android:layout_width="fill_parent"
  10. android:layout_alignParentTop="true"
  11. android:layout_alignParentLeft="true">
  12. </ImageSwitcher>
  15. <Gallery
  16. android:id="@+id/gallery"
  17. android:background="#55000000"
  18. android:layout_width="fill_parent"
  19. android:layout_height="60dp"
  20. android:layout_alignParentBottom="true"
  21. android:layout_alignParentLeft="true"
  22. android:gravity="center_vertical"
  23. android:spacing="16dp" />
  27. </RelativeLayout>

4.ImageShowActivity

R.drawable.sample_thumb_0 为图片的标识

图片放在res/drawable/目录下 图片名称为sample_thumb_0.gif

Java代码 复制代码 收藏代码
  1. package com.small.photos;
  3. import android.app.Activity;
  4. import android.content.Context;
  5. import android.os.Bundle;
  6. import android.view.View;
  7. import android.view.ViewGroup;
  8. import android.view.Window;
  9. import android.view.animation.AnimationUtils;
  10. import android.widget.AdapterView;
  11. import android.widget.BaseAdapter;
  12. import android.widget.Gallery;
  13. import android.widget.ImageSwitcher;
  14. import android.widget.ImageView;
  15. import android.widget.AdapterView.OnItemSelectedListener;
  16. import android.widget.RelativeLayout.LayoutParams;
  17. import android.widget.ViewSwitcher.ViewFactory;
  19. public class ImageShowActivityextends Activityimplements ViewFactory,
  20. OnItemSelectedListener {
  21. /** Called when the activity is first created. */
  22. ImageSwitcher mSwitcher;
  23. private Integer[] mThumbIds = { R.drawable.sample_thumb_0,
  24. R.drawable.sample_thumb_1, R.drawable.sample_0, R.drawable.sample_1 };
  26. private Integer[] mImageIds = { R.drawable.sample_thumb_0,
  27. R.drawable.sample_thumb_1, R.drawable.sample_0, R.drawable.sample_1 };
  29. @Override
  30. public void onCreate(Bundle savedInstanceState) {
  31. super.onCreate(savedInstanceState);
  32. requestWindowFeature(Window.FEATURE_NO_TITLE);
  34. setContentView(R.layout.image_show);
  35. setTitle("ImageShowActivity");
  37. mSwitcher = (ImageSwitcher) findViewById(R.id.ImageSwitcher01);
  38. // 系统的anim中的fade_in.xml
  39. mSwitcher.setFactory(this);
  40. mSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,
  41. android.R.anim.fade_in));
  42. mSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this,
  43. android.R.anim.fade_out));
  45. Gallery g = (Gallery) findViewById(R.id.gallery);
  46. // 为缩略图浏览器指定一个适配器
  47. g.setAdapter(new ImageAdapter(this));
  48. // 响应 在缩略图列表上选中某个缩略图后的 事件
  49. g.setOnItemSelectedListener(this);
  51. }
  53. @SuppressWarnings("unchecked")
  54. public void onItemSelected(AdapterView parent, View v,int position,long id) {
  55. mSwitcher.setImageResource(mImageIds[position]);
  56. }
  58. @SuppressWarnings("unchecked")
  59. public void onNothingSelected(AdapterView parent) {
  60. }
  62. @Override
  63. public View makeView() {
  64. ImageView i = new ImageView(this);
  65. i.setBackgroundColor(0xFF000000);
  66. i.setScaleType(ImageView.ScaleType.FIT_CENTER);
  67. i.setLayoutParams(new ImageSwitcher.LayoutParams(
  68. LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
  69. return i;
  70. }
  72. public class ImageAdapterextends BaseAdapter {
  73. private Context mContext;
  75. public ImageAdapter(Context c) {
  76. mContext = c;
  77. }
  79. public int getCount() {
  80. return mThumbIds.length;
  81. }
  83. public Object getItem(int position) {
  84. return position;
  85. }
  87. public long getItemId(int position) {
  88. return position;
  89. }
  91. //getView方法动态生成一个ImageView,然后利用setLayoutParams、setImageResource、
  92. //setBackgroundResource分别设定图片大小、图片源文件和图片背景。当图片被显示到当前
  93. //屏幕的时候，这个函数就会被自动回调来提供要显示的ImageView
  94. public View getView(int position, View convertView, ViewGroup parent) {
  95. ImageView i = new ImageView(mContext);
  97. i.setImageResource(mThumbIds[position]);
  98. i.setAdjustViewBounds(true);
  99. i.setLayoutParams(new Gallery.LayoutParams(
  100. LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
  101. i.setBackgroundResource(R.drawable.picture_frame);
  102. return i;
  103. }
  105. }
  107. }

5.AndroidManifest.xml 标识MainActivity为一个程序的开始

Java代码 复制代码 收藏代码
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
  3. package="com.small.photos"
  4. android:versionCode="1"
  5. android:versionName="1.0">
  6. <application android:label="@string/app_name">
  7. <activity android:name=".ImageShowActivity"
  8. android:label="@string/app_name">
  10. </activity>
  12. <activity android:name="MainActivity"><intent-filter><action android:name="android.intent.action.MAIN"></action>
  13. <category android:name="android.intent.category.LAUNCHER"></category>
  14. </intent-filter>
  15. </activity>
  16. </application>
  19. </manifest>

基本上就是这些了，然后启动吧！

分享到：
| （1） iphone开发，自定义Window-based A ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics