生活随笔
收集整理的這篇文章主要介紹了
安卓开发实现画廊效果
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
畫廊 使用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
總結
以上是生活随笔為你收集整理的安卓开发实现画廊效果的全部內容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。