如何在Android應(yīng)用中實(shí)現(xiàn)一個(gè)Gallery畫廊效果

這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)碛嘘P(guān)如何在Android應(yīng)用中實(shí)現(xiàn)一個(gè)Gallery畫廊效果,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。

目前創(chuàng)新互聯(lián)建站已為超過千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站托管、服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、禪城網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。

畫廊 使用Gallery表示,按水平方向顯示內(nèi)容,并且可以用手指直接拖動(dòng)圖片移動(dòng),一般用來瀏覽圖片,被選中的選項(xiàng)位于中間,可以響應(yīng)事件顯示信息。

xml布局文件基本語法

<Gallery
屬性列表
/>

Gallery支持4中xml屬性

屬性名稱
描述
android:animationDuration
設(shè)置布局變化時(shí)動(dòng)畫的轉(zhuǎn)換所需的時(shí)間(毫秒級)。僅在動(dòng)畫開始時(shí)計(jì)時(shí)。該值必須是整數(shù),比如:100。
android:gravity
指定在對象的X和Y軸上如何放置內(nèi)容。指定一下常量中的一個(gè)或多個(gè)(使用 “|”分割)
     
     
Constant
Value
Description
top
0×30
緊靠容器頂端,不改變其大小
bottom
0×50
緊靠容器底部,不改變其大小
left
0×03
緊靠容器左側(cè),不改變其大小
right
0×05
緊靠容器右側(cè),不改變其大小
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
垂直剪切(當(dāng)對象邊緣超出容器的時(shí)候,將上下邊緣超出的部分剪切掉)
clip_horizontal
0×08
水平剪切(當(dāng)對象邊緣超出容器的時(shí)候,將左右邊緣超出的部分剪切掉)
android:spacing
(譯者注:設(shè)置圖片之間的間距)
android:unselectedAlpha
設(shè)置未選中的條目的透明度(Alpha)。該值必須是float類型,比如:“1.2”


效果的具體實(shí)現(xiàn)過程

layout:

<&#63;xml version="1.0" encoding="utf-8"&#63;>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical" >
  <Gallery
    android:id="@+id/gallery"
    android:spacing="5px"     //設(shè)置列表項(xiàng)之間的間距為5像素
    android:unselectedAlpha="0.5" //設(shè)置未被選中的列表項(xiàng)的透明度
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />
</LinearLayout>

Activity:

package xqx;
import com.example.xqx_lianxi.R;
import android.app.Activity;
import android.content.res.TypedArray;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.ImageView;
import android.widget.Toast;
public class MainGallery extends Activity{
   //設(shè)置畫廊圖片
  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};
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    // TODO Auto-generated method stub
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main_gallery);
    //獲取Gallery組件
    Gallery gallery = (Gallery) findViewById(R.id.gallery);
    BaseAdapter adapter = new BaseAdapter() {
        //獲取當(dāng)前選項(xiàng)ID
        @Override
        public long getItemId(int position) {
          return position;
        }
        //獲取當(dāng)前選項(xiàng)值
        @Override
        public Object getItem(int position) {
          return position;
        }
        //獲取數(shù)量
        @Override
        public int getCount() {
          return imageId.length;
        }
      @Override
      public View getView(int position, View convertView, ViewGroup parent) {
        ImageView imageview;  //聲明ImageView的對象
        if (convertView == null) {
          imageview = new ImageView(MainGallery.this); //創(chuàng)建ImageView的對象
          imageview.setScaleType(ImageView.ScaleType.FIT_XY); //設(shè)置縮放方式
          imageview.setLayoutParams(new Gallery.LayoutParams(500, 400));
          TypedArray typedArray = obtainStyledAttributes(R.styleable.Gallery);
          imageview.setBackgroundResource(typedArray.getResourceId(
              R.styleable.Gallery_android_galleryItemBackground,
              0));
          imageview.setPadding(5, 0, 5, 0); //設(shè)置imageview的內(nèi)邊距
        }
        else
        {
          imageview = (ImageView) convertView;
        }
        imageview.setImageResource(imageId[position]);
        return imageview;
      }
    };
      //將適配器與Gallery關(guān)聯(lián)
      gallery.setAdapter(adapter);
      gallery.setSelection(imageId.length / 2); //默認(rèn)顯示的圖片的id
      //畫廊圖片的點(diǎn)擊事件
      gallery.setOnItemClickListener(new OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<&#63;> parent, View view,
            int position, long id) {
          Toast.makeText(MainGallery.this,
              "第" + String.valueOf(position+1) + "張圖片被選中",
              Toast.LENGTH_SHORT).show();
        }
      });
}
}

最后在res/values/string.xml中添加一段代碼  ,這里對應(yīng)activity中的51行

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

這樣便完成了一個(gè)畫廊的效果

效果圖:

如何在Android應(yīng)用中實(shí)現(xiàn)一個(gè)Gallery畫廊效果

可以看到 一共有6張圖片 默認(rèn)顯示第4張

gallery.setSelection(imageId.length / 2); //默認(rèn)顯示的圖片的id

上述就是小編為大家分享的如何在Android應(yīng)用中實(shí)現(xiàn)一個(gè)Gallery畫廊效果了,如果剛好有類似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

標(biāo)題名稱:如何在Android應(yīng)用中實(shí)現(xiàn)一個(gè)Gallery畫廊效果
網(wǎng)址分享:http://muchs.cn/article28/ipgcjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)、微信小程序全網(wǎng)營銷推廣、建站公司ChatGPT、商城網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

營銷型網(wǎng)站建設(shè)