ViewPage實現輪播圖
1.在fragment中寫點選事件,當點選圖片的時候讓它跳轉
Intent intent = new Intent(getContext(), Main3Activity.class);
intent.putExtra(“position”,position);
intent.putStringArrayListExtra(“list”,ls);
startActivity(intent);
2.在MainActivity中獲取你傳過來的值
public class Main3Activity extends AppCompatActivity implements ViewPager.OnPageChangeListener {
private TextView tv;
private ViewPager viewpager;
private ArrayList<String> list;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main3);
initView();
}
private void initView() {
tv = (TextView) findViewById(R.id.tv);
viewpager = (ViewPager) findViewById(R.id.viewpager);
Intent intent = getIntent();
int position = intent.getIntExtra("position", 0);
list = intent.getStringArrayListExtra("list");
tv.setText(position+1+"/"+ list.size());
ViewPagerAdatper adatper = new ViewPagerAdatper(this, list);
viewpager.setAdapter(adatper);
//viewpager預設顯示
viewpager.setCurrentItem(position);
//監聽事件
viewpager.addOnPageChangeListener(this);
}
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
tv.setText(position+1+"/"+list.size());
}
@Override
public void onPageScrollStateChanged(int state) {
}
}
3.定義自己的介面卡ViewPagerAdatper繼承PagerAdapter
public class ViewPagerAdatper extends PagerAdapter {
private Context context;
private ArrayList<String> list;
public ViewPagerAdatper(Context context, ArrayList<String> list) {
this.context = context;
this.list = list;
}
@Override
public int getCount() {
return list.size();
}
@Override
public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
return view == object;
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
String url = list.get(position);
ImageView photoView = new ImageView(context);
Glide.with(context)
.load("http:"+url)
.into(photoView);
//新增檢視
container.addView(photoView);
return photoView;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
//移除檢視
container.removeView((View) object);
}
}
相關文章
- Banner實現輪播圖
- js實現輪播圖JS
- 原生js實現輪播圖JS
- 兩種方式實現輪播圖
- 原生JS實現輪播圖的效果JS
- vue元件之輪播圖的實現Vue元件
- 用CSS實現一個輪播圖CSS
- [分享會]只用CSS實現輪播圖CSS
- 用原生js實現圖片輪播器JS
- 網頁佈局------輪播圖效果實現網頁
- vue元件之路之輪播圖的實現Vue元件
- jQuery輪播圖之上下輪播jQuery
- 使用jQuery實現的平滑滾動輪播圖jQuery
- 基於 flex 的 order 實現 carousel 輪播圖Flex
- 仿小米官網輪播圖(Banner)的實現
- 藉助 :has 實現3d輪播圖3D
- 直播app原始碼,HTML + jQuery 實現輪播圖APP原始碼HTMLjQuery
- JQuery實現圖片輪播無縫滾動jQuery
- 輪播圖
- Axure實現輪播效果
- jQuery實現輪播效果jQuery
- spring boot+bootstrap實現動態輪播圖實戰Spring Boot
- 原生JS實現輪播圖--第二章動畫實現JS動畫
- 移動端輪播圖實現方法(dGun.js)JS
- jQuery實現3D圖片輪播詳解jQuery3D
- 用原生JS實現 圖片輪播切換 功能JS
- 直播app開發,首頁輪播圖效果實現APP
- JS實現輪播圖效果(有詳細註釋)JS
- 微信小程式------輪播圖------縱向輪播圖微信小程式
- css實現滾動輪播CSS
- vue輪播圖Vue
- Flutter輪播圖Flutter
- 實現簡單的輪播圖(單張圖片、多張圖片)
- 原生JS實現輪播圖--第一章圖片展示JS
- java學習---前端---使用JavaScript和jQuery實現圖片輪播圖前端JavaScriptjQuery
- 微信小程式實現類3D輪播圖微信小程式3D
- ViewFlipper探索與使用——順便實現Android圖片輪播ViewAndroid
- xbanner實現卡片式輪播