ViewPager实现图片切换

xml布局:

<RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="260dp">
        <android.support.v4.view.ViewPager
            android:id="@+id/view_pager"
            android:background="#000"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
        <LinearLayout
            android:id="@+id/layout_point"
            android:background="#00000000"
            android:gravity="center"
            android:layout_width="match_parent"
            android:layout_height="20dp"
            android:orientation="horizontal"
            android:layout_marginBottom="40dp"
            android:layout_alignParentBottom="true"/>
    </RelativeLayout>

activity代码:


import android.content.Context;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

import com.bumptech.glide.Glide;
import com.example.uoso.myapplicationdemo.R;

import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;

/**
 * ViewPager显示图片
 */
public class Fragment2 extends Fragment{

    private ViewPager viewPager;
    private LinearLayout layoutPoint;
    private String[] imgs = {"1图片url"
            ,"2图片url",
            "3图片url"};

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment2, null);
        viewPager = (ViewPager) view.findViewById(R.id.view_pager);
        layoutPoint = (LinearLayout) view.findViewById(R.id.layout_point);       
        initView();
        return view;
    }

    private void initView(){        
        //ViewPager相关
        ViewPagerAdater myAdater = new ViewPagerAdater(getContext());
        viewPager.setAdapter(myAdater);
        viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                //在滑动完成后向布局中添加小圆点
                setLayoutPoint(position);
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
        setLayoutPoint(0);
    }

    /**
     * 设置小圆点布局
     * @param position
     */
    private void setLayoutPoint(int position){
        layoutPoint.removeAllViews();
        for (int i = 0; i <3 ; i++) {
            ImageView imageView = new ImageView(getContext());
            //设置ImageView
            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(20, 20);
            params.setMargins(10,0,10,0);
            imageView.setLayoutParams(params);
            //设置小圆点样式
            if (position==i){
                imageView.setImageDrawable(getResources().getDrawable(R.drawable.point_white));
            }else {
                imageView.setImageDrawable(getResources().getDrawable(R.drawable.point_gray));
            }
            layoutPoint.addView(imageView);
        }
    }  

    public class ViewPagerAdater extends PagerAdapter {
        private Context context;

        public ViewPagerAdater(Context context) {
            this.context = context;
        }

        @Override
        public int getCount() {
            return imgs.length;
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            ImageView imageView = new ImageView(context);
            imageView.setScaleType(ImageView.ScaleType.FIT_XY);
            Glide.with(context).load(imgs[position]).into(imageView);
            container.addView(imageView);
            return imageView;
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView((ImageView) object);
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;
        }
    }


}

小圆点样式:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#fddc04"/>
    <corners android:radius="5dp"/>
</shape>

Glide依赖:

compile 'com.github.bumptech.glide:glide:3.7.0'
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个使用 Android ViewPager 实现轮播图的简单示例程序。 1. 在布局文件中添加 ViewPager 和指示器(Indicator)控件: ```xml <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="200dp" /> <LinearLayout android:id="@+id/indicator" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignBottom="@+id/viewPager" android:layout_marginBottom="20dp" android:gravity="center_horizontal" android:orientation="horizontal" /> </RelativeLayout> ``` 2. 创建一个 PagerAdapter 来为 ViewPager 提供数据: ```java public class MyPagerAdapter extends PagerAdapter { private Context mContext; private int[] mImageIds; public MyPagerAdapter(Context context, int[] imageIds) { mContext = context; mImageIds = imageIds; } @Override public int getCount() { return mImageIds.length; } @Override public boolean isViewFromObject(View view, Object object) { return view == object; } @Override public Object instantiateItem(ViewGroup container, int position) { ImageView imageView = new ImageView(mContext); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); imageView.setImageResource(mImageIds[position]); container.addView(imageView); return imageView; } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView((ImageView) object); } } ``` 3. 在 Activity 或 Fragment 中设置 ViewPager 和指示器: ```java public class MainActivity extends AppCompatActivity { private ViewPager mViewPager; private LinearLayout mIndicator; private int[] mImageIds = {R.drawable.image1, R.drawable.image2, R.drawable.image3}; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mViewPager = findViewById(R.id.viewPager); mIndicator = findViewById(R.id.indicator); mViewPager.setAdapter(new MyPagerAdapter(this, mImageIds)); mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {} @Override public void onPageSelected(int position) { updateIndicator(position); } @Override public void onPageScrollStateChanged(int state) {} }); addIndicator(mImageIds.length); updateIndicator(0); } private void addIndicator(int count) { for (int i = 0; i < count; i++) { ImageView imageView = new ImageView(this); imageView.setImageResource(R.drawable.indicator_unselected); LinearLayout.LayoutParams params = new LinearLayout.LayoutParams( LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT ); params.setMargins(8, 0, 8, 0); mIndicator.addView(imageView, params); } } private void updateIndicator(int position) { for (int i = 0; i < mIndicator.getChildCount(); i++) { ImageView imageView = (ImageView) mIndicator.getChildAt(i); if (i == position) { imageView.setImageResource(R.drawable.indicator_selected); } else { imageView.setImageResource(R.drawable.indicator_unselected); } } } } ``` 在这个示例程序中,我们使用了一个 PagerAdapter 来为 ViewPager 提供数据,包括图片、标题等。我们还使用了一个指示器(Indicator)来显示当前页面的位置。当页面切换时,指示器的状态也会相应地更新。 希望这个示例程序对你有帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值