安卓开发实现画廊效果

简介: 画廊 使用Gallery表示,按水平方向显示内容,并且可以用手指直接拖动图片移动,一般用来浏览图片,被选中的选项位于中间,可以响应事件显示信息。 xml布局文件基本语法 Gallery支持4中xml属性   属性名称 描述 android:animationDuration 设置布局变化时动画的转换所需的时间(毫秒级)。

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

xml布局文件基本语法

<Gallery

属性列表

/>

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 
 7 
 8 
 9     <Gallery  
10         android:id="@+id/gallery"  
11         android:spacing="5px"          //设置列表项之间的间距为5像素
12         android:unselectedAlpha="0.5"  //设置未被选中的列表项的透明度
13         android:layout_width="match_parent"  
14         android:layout_height="wrap_content" />
15 
16    
17 </LinearLayout>


Activity

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

 

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

1 <declare-styleable name="Gallery">  
2         <attr name="android:galleryItemBackground" />  
3     </declare-styleable>

 

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

效果图:

   

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

 gallery.setSelection(imageId.length / 2); //默认显示的图片的id
相关文章
|
5天前
|
Android开发 开发者 Kotlin
探索安卓开发中的新特性
【9月更文挑战第14天】本文将引导你深入理解安卓开发领域的一些最新特性,并为你提供实用的代码示例。无论你是初学者还是经验丰富的开发者,这篇文章都会给你带来新的启示和灵感。让我们一起探索吧!
|
2天前
|
Java Linux Android开发
深入理解Android开发:从基础到高级
【9月更文挑战第17天】本文将深入探讨Android开发的各个方面,包括应用开发、操作系统等。我们将通过代码示例来展示如何创建一个简单的Android应用,并解释其背后的原理。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的信息和启示。
|
9天前
|
IDE 开发工具 Android开发
安卓与iOS开发对比:平台选择对项目成功的影响
【9月更文挑战第10天】在移动应用开发的世界中,选择正确的平台是至关重要的。本文将深入探讨安卓和iOS这两大主要移动操作系统的开发环境,通过比较它们的市场份额、开发工具、编程语言和用户群体等方面,为开发者提供一个清晰的指南。我们将分析这两个平台的优势和劣势,并讨论如何根据项目需求和目标受众来做出最佳选择。无论你是初学者还是有经验的开发者,这篇文章都将帮助你更好地理解每个平台的特性,并指导你做出明智的决策。
|
5天前
|
XML 编解码 Android开发
安卓开发中的自定义视图控件
【9月更文挑战第14天】在安卓开发中,自定义视图控件是一种高级技巧,它可以让开发者根据项目需求创建出独特的用户界面元素。本文将通过一个简单示例,引导你了解如何在安卓项目中实现自定义视图控件,包括创建自定义控件类、处理绘制逻辑以及响应用户交互。无论你是初学者还是有经验的开发者,这篇文章都会为你提供有价值的见解和技巧。
13 3
|
7天前
|
API Android开发 iOS开发
安卓与iOS开发中的线程管理对比
【9月更文挑战第12天】在移动应用的世界中,安卓和iOS平台各自拥有庞大的用户群体。开发者们在这两个平台上构建应用时,线程管理是他们必须面对的关键挑战之一。本文将深入探讨两大平台在线程管理方面的异同,通过直观的代码示例,揭示它们各自的设计理念和实现方式,帮助读者更好地理解如何在安卓与iOS开发中高效地处理多线程任务。
|
9天前
|
开发框架 Android开发 iOS开发
探索安卓与iOS开发的差异:构建未来应用的指南
在移动应用开发的广阔天地中,安卓与iOS两大平台各占半壁江山。本文将深入浅出地对比这两大操作系统的开发环境、工具和用户体验设计,揭示它们在编程语言、开发工具以及市场定位上的根本差异。我们将从开发者的视角出发,逐步剖析如何根据项目需求和目标受众选择适合的平台,同时探讨跨平台开发框架的利与弊,为那些立志于打造下一个热门应用的开发者提供一份实用的指南。
23 5
|
9天前
|
开发工具 Android开发 iOS开发
安卓与iOS开发:平台选择的艺术与科学
在移动应用开发的广阔天地中,安卓与iOS两大平台如同东西方哲学的碰撞,既有共通之处又各具特色。本文将深入探讨这两个平台的设计理念、开发工具和市场定位,旨在为开发者提供一份简明扼要的指南,帮助他们在这场技术与商业的博弈中找到自己的道路。通过比较分析,我们将揭示每个平台的优势与局限,以及它们如何影响应用的性能、用户体验和市场接受度。无论你是初涉江湖的新手,还是经验丰富的老手,这篇文章都将为你的选择提供新的视角和思考。
23 5
|
10天前
|
安全 Android开发 开发者
探索安卓开发的未来:Kotlin的崛起与Flutter的挑战
在移动开发的广阔天地中,安卓平台始终占据着举足轻重的地位。随着技术的不断进步和开发者需求的多样化,Kotlin和Flutter成为了改变游戏规则的新玩家。本文将深入探讨Kotlin如何以其现代化的特性赢得开发者的青睐,以及Flutter凭借跨平台的能力如何挑战传统的安卓开发模式。通过实际案例分析,我们将揭示这两种技术如何塑造未来的安卓应用开发。
33 6
|
8天前
|
搜索推荐 Android开发 UED
安卓开发中的自定义视图:打造个性化用户界面
【9月更文挑战第11天】在安卓应用开发领域,自定义视图是实现独特用户体验的基石。本文将引导你通过一个简单的自定义视图示例,探索如何从零开始创建并应用自定义组件,以增强你的应用界面。我们将一起学习如何扩展View类,重写onDraw方法,处理触摸事件,并最终在我们的安卓项目中使用这个自定义视图。无论你是初学者还是有一定经验的开发者,这篇文章都将为你提供清晰的步骤和实用的技巧,帮助你提升用户界面设计的能力。
|
9天前
|
开发工具 Android开发 Swift
探索安卓与iOS开发的差异:从新手到专家的旅程
在数字时代的浪潮中,移动应用开发已成为连接世界的桥梁。本文将深入探讨安卓与iOS这两大主流平台的开发差异,带领读者从零基础出发,逐步了解各自的特点、开发环境、编程语言及市场策略。无论你是梦想成为移动应用开发者的初学者,还是希望扩展技能边界的资深开发者,这篇文章都将为你提供宝贵的见解和实用的建议。