ViewPager实现图片切换效果

这篇文章主要为大家详细介绍了ViewPager实现图片切换效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了ViewPager实现图片切换效果的具体代码,供大家参考,具体内容如下

xml布局:

                  

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 new imageview(getcontext());>

小圆点样式:

           

Glide依赖:

compile 'com.github.bumptech.glide:glide:3.7.0'

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持0133技术站。

以上就是ViewPager实现图片切换效果的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » 移动