查看: 481|回复: 0

[Android教程] Android开发实现Gallery画廊效果的方法

发表于 2017-11-28 08:00:01

本文实例讲述了android开发实现Gallery画廊效果的方法。分享给大家供大家参考,具体如下:

画廊 使用Gallery表示,按水平方向显示内容,并且可以用手指直接拖动图片移动,一般用来浏览图片,被选中的选项位于中间,可以响应事件显示信息。

xml布局文件基本语法

  1. <Gallery
  2. 属性列表
  3. />
复制代码

Gallery支持4中xml属性

属性名称 描述
android:animationDuration 设置布局变化时动画的转换所需的时间(毫秒级)。仅在动画开始时计时。该值必须是整数,比如:100。
android:gravity 指定在对象的X和Y轴上如何放置内容。指定一下常量中的一个或多个(使用 “|”分割)

Constant Value Description
top 0×30 紧靠容器顶端,不改变其大小
bottom 0×50 紧靠容器底部,不改变其大小
left 0×03 紧靠容器左侧,不改变其大小
right 0×05 紧靠容器右侧,不改变其大小
center_vertical 0×10 垂直居中,不改变其大小
fill_vertical 0×70 垂直方向上拉伸至充满容器
center_horizontal 0×01 水平居中,不改变其大小
Fill_horizontal 0×07 水平方向上拉伸使其充满容器
center 0×11 居中对齐,不改变其大小
fill 0×77 在水平和垂直方向上拉伸,使其充满容器
clip_vertical 0×80 垂直剪切(当对象边缘超出容器的时候,将上下边缘超出的部分剪切掉)
clip_horizontal 0×08 水平剪切(当对象边缘超出容器的时候,将左右边缘超出的部分剪切掉)
android:spacing (译者注:设置图片之间的间距)
android:unselectedAlpha 设置未选中的条目的透明度(Alpha)。该值必须是float类型,比如:“1.2”

效果的具体实现过程

layout:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:orientation="vertical" >
  6. <Gallery
  7. android:id="@+id/gallery"
  8. android:spacing="5px" //设置列表项之间的间距为5像素
  9. android:unselectedAlpha="0.5" //设置未被选中的列表项的透明度
  10. android:layout_width="match_parent"
  11. android:layout_height="wrap_content" />
  12. </LinearLayout>
复制代码

Activity:

  1. package xqx;
  2. import com.example.xqx_lianxi.R;
  3. import android.app.Activity;
  4. import android.content.res.TypedArray;
  5. import android.os.Bundle;
  6. import android.view.View;
  7. import android.view.ViewGroup;
  8. import android.widget.AdapterView;
  9. import android.widget.AdapterView.OnItemClickListener;
  10. import android.widget.BaseAdapter;
  11. import android.widget.Gallery;
  12. import android.widget.ImageView;
  13. import android.widget.Toast;
  14. public class MainGallery extends Activity{
  15. //设置画廊图片
  16. private int[] imageId = new int[] { R.drawable.ic_launcher,R.drawable.ic_launcher,R.drawable.ic_launcher,R.drawable.ic_launcher,R.drawable.ic_launcher,R.drawable.ic_launcher};
  17. @Override
  18. protected void onCreate(Bundle savedInstanceState) {
  19. // TODO Auto-generated method stub
  20. super.onCreate(savedInstanceState);
  21. setContentView(R.layout.main_gallery);
  22. //获取Gallery组件
  23. Gallery gallery = (Gallery) findViewById(R.id.gallery);
  24. BaseAdapter adapter = new BaseAdapter() {
  25. //获取当前选项ID
  26. @Override
  27. public long getItemId(int position) {
  28. return position;
  29. }
  30. //获取当前选项值
  31. @Override
  32. public Object getItem(int position) {
  33. return position;
  34. }
  35. //获取数量
  36. @Override
  37. public int getCount() {
  38. return imageId.length;
  39. }
  40. @Override
  41. public View getView(int position, View convertView, ViewGroup parent) {
  42. ImageView imageview; //声明ImageView的对象
  43. if (convertView == null) {
  44. imageview = new ImageView(MainGallery.this); //创建ImageView的对象
  45. imageview.setScaleType(ImageView.ScaleType.FIT_XY); //设置缩放方式
  46. imageview.setLayoutParams(new Gallery.LayoutParams(500, 400));
  47. TypedArray typedArray = obtainStyledAttributes(R.styleable.Gallery);
  48. imageview.setBackgroundResource(typedArray.getResourceId(
  49. R.styleable.Gallery_android_galleryItemBackground,
  50. 0));
  51. imageview.setPadding(5, 0, 5, 0); //设置imageview的内边距
  52. }
  53. else
  54. {
  55. imageview = (ImageView) convertView;
  56. }
  57. imageview.setImageResource(imageId[position]);
  58. return imageview;
  59. }
  60. };
  61. //将适配器与Gallery关联
  62. gallery.setAdapter(adapter);
  63. gallery.setSelection(imageId.length / 2); //默认显示的图片的id
  64. //画廊图片的点击事件
  65. gallery.setOnItemClickListener(new OnItemClickListener() {
  66. @Override
  67. public void onItemClick(AdapterView<?> parent, View view,
  68. int position, long id) {
  69. Toast.makeText(MainGallery.this,
  70. "第" + String.valueOf(position+1) + "张图片被选中",
  71. Toast.LENGTH_SHORT).show();
  72. }
  73. });
  74. }
  75. }
复制代码

最后在res/values/string.xml中添加一段代码 ,这里对应activity中的51行

  1. <declare-styleable name="Gallery">
  2. <attr name="android:galleryItemBackground" />
  3. </declare-styleable>
复制代码

这样便完成了一个画廊的效果

效果图:

可以看到 一共有6张图片 默认显示第4张

  1. gallery.setSelection(imageId.length / 2); //默认显示的图片的id
复制代码

更多关于Android相关内容感兴趣的读者可查看本站专题:《Android开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结》

希望本文所述对大家Android程序设计有所帮助。



回复

使用道具 举报

关闭

站长推荐上一条 /1 下一条