[置顶] Android(安卓)Gallery橱窗效果

美女图片查看器——Gallery橱窗效果的实现

先看一下效果图

主界面的布局

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingTop="@dimen/activity_vertical_margin" app:layout_behavior="@string/appbar_scrolling_view_behavior" tools:context="com.jeffery.actionbar.gallerydemo.MainActivity" tools:showIn="@layout/app_bar_main">    <!--背景大图-->    <ImageView  android:id="@+id/iv" android:layout_width="match_parent" android:layout_height="match_parent" android:src="@drawable/bg_1" />    <!--窗口-->    <Gallery  android:id="@+id/gallery" android:layout_alignParentBottom="true" android:spacing="5dp" android:layout_width="match_parent" android:layout_height="wrap_content" >    </Gallery></RelativeLayout>

下面是MainActivity 的部分代码，要注意无线循环

public class MainActivity extends AppCompatActivity implements NavigationView.OnNavigationItemSelectedListener {    private Gallery gallery;    private ImageView iv;    //图片集    private Integer[] image = {            R.drawable.bg_1,            R.drawable.bg_2,            R.drawable.bg_3,            R.drawable.bg_4,            R.drawable.bg_5,            R.drawable.bg_6,            R.drawable.bg_7,            R.drawable.bg_8,            R.drawable.bg_9,    };    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);        setSupportActionBar(toolbar);        initView();        initData();        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);        fab.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View view) {                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)                        .setAction("Action", null).show();            }        });        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);        ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(                this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);        drawer.setDrawerListener(toggle);        toggle.syncState();        NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);        navigationView.setNavigationItemSelectedListener(this);    }    private void initView() {        gallery = (Gallery)findViewById(R.id.gallery);        iv = (ImageView)findViewById(R.id.iv);    }    private void initData() {        ImageAdapter adapter =  new ImageAdapter(this,image);        gallery.setAdapter(adapter);        //初始化的时候默认选中初始的位置(就和初始位置为0时一样)        int indext = (Integer.MAX_VALUE / 2)-(Integer.MAX_VALUE / 2)%image.length;        gallery.setSelection(indext);        //设置gallery的点击事件        gallery.setOnItemClickListener(new AdapterView.OnItemClickListener() {            @Override            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {                Toast.makeText(MainActivity.this,position+"",Toast.LENGTH_SHORT).show();                //设置背景图                iv.setImageResource(image[position%image.length]);            }        });    }

ImageAdapter代码块，要注意一下TypedArray的使用，主要是为了获得attr中GalleryDemo的属性

package com.jeffery.actionbar.gallerydemo;import android.content.Context;import android.content.res.TypedArray;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.Gallery;import android.widget.ImageView;import com.jeffery.actionbar.gallerydemp.R;/** * Created by JefferyAnd on 2015/11/26. */public class ImageAdapter extends BaseAdapter {    private Context mContext;    private Integer[] image;    private int galleryBackground;//背景    public ImageAdapter(Context mContext, Integer[] image) {        this.mContext = mContext;        this.image = image;        TypedArray a = mContext.obtainStyledAttributes(R.styleable.GalleryDemo);//为了获得attr中GalleryDemo的属性        galleryBackground = a.getResourceId(R.styleable.GalleryDemo_android_galleryItemBackground, 0);        a.recycle();//否则会对下次造成影响    }    @Override    public int getCount() {// return image.length;        return Integer.MAX_VALUE;    }    @Override    public Object getItem(int position) {        return image[position];    }    @Override    public long getItemId(int position) {        return position;    }    @Override    public View getView(int position, View convertView, ViewGroup parent) {        ImageView view = new ImageView(mContext);// view.setImageResource(image[position]);        view.setImageResource(image[position % image.length]);        view.setLayoutParams(new Gallery.LayoutParams(120, 160));        view.setScaleType(ImageView.ScaleType.FIT_XY);        view.setBackgroundResource(galleryBackground);        return view;    }}

attr.xml

<?xml version="1.0" encoding="utf-8"?><resources>    <declare-styleable name="GalleryDemo">        <attr name="android:galleryItemBackground"></attr>    </declare-styleable></resources>

demo下载地址：
http://pan.baidu.com/s/1o6s3Gtc

更多相关文章

随机推荐