Gallery + GridView 实现图片与小圆点同步变化

来源：互联网发布：有关柳叶图形算法编辑：程序博客网时间：2024/05/09 18:10

直接上代码吧：

添加简单的自动播放功能：

        private void autoPlay(){                //设置间隔5秒自动播放的功能                new Thread(new Runnable(){                         @Override                        public void run() {                                // TODO Auto-generated method stub                                while(isAlive_){                                        currentIndex_ = currentIndex_ % infoIds.length;                                        infoshow_gallery.post(new Runnable(){                                                 @Override                                                public void run() {                                                        // TODO Auto-generated method stub                                                        infoshow_gallery.setSelection(currentIndex_);                                                }                                                                                         });                                        //更新时间间隔 5秒                                        try {                                                Thread.sleep(5000);                                        } catch (InterruptedException e) {                                                // TODO Auto-generated catch block                                                e.printStackTrace();                                        }                                        currentIndex_++;                                }                        }                                         }).start();        }

主要代码：

                infoshow_gallery.setOnItemSelectedListener(new Gallery.OnItemSelectedListener(){                        @Override                        public void onItemSelected(AdapterView<?> parent, View view,                                        int position, long id) {                                // TODO Auto-generated method stub                                //设置当前选中的Index                                currentIndex_ = position;                                //改变GridView显示                                gridviewAdapter.notifyDataSetInvalidated();                        }                        @Override                        public void onNothingSelected(AdapterView<?> arg0) {                                // TODO Auto-generated method stub                                                        }                                        });                // Gallery OnItemClick                infoshow_gridview.setOnItemClickListener(new OnItemClickListener() {                        @Override                        public void onItemClick(AdapterView<?> parent, View view, int position,                                        long id) {                                // TODO Auto-generated method stub                                //设置当前选中的Index                                currentIndex_ = position;                                //改变GridView显示                                gridviewAdapter.notifyDataSetInvalidated();                                //改变Gallery显示                                infoshow_gallery.setSelection(currentIndex_);                        }                                        });

GridView适配器：

                public View getView(int position, View convertView, ViewGroup parent) {                        // TODO Auto-generated method stub                        ImageView img = new ImageView(context_);                        img.setLayoutParams(new GridView.LayoutParams(GridView.LayoutParams.WRAP_CONTENT,                                         GridView.LayoutParams.WRAP_CONTENT));                        //红球表示选中状态                        if(position == currentIndex_){                                img.setImageResource(thumbIds[0]);                        }else{                                img.setImageResource(thumbIds[1]);                        }                        img.setScaleType(ScaleType.FIT_CENTER);                        return img;                }

Gallery适配器：

        public View getView(int position, View convertView, ViewGroup parent) {                        // TODO Auto-generated method stub                        ImageView img = new ImageView(context_);                        //此处每个ImageView都要占全部空间                        img.setLayoutParams(new Gallery.LayoutParams(Gallery.LayoutParams.FILL_PARENT,                                         Gallery.LayoutParams.FILL_PARENT));                        img.setImageResource(infoIds[position]);                        img.setScaleType(ScaleType.FIT_XY);                        return img;                }

效果图：

源码下载