最近項目上需要實現(xiàn)這樣效果的一個頁面，本來想找個現(xiàn)成的兩下搞定，但是問了半天度娘也沒招，索性自己琢磨琢磨（這里邊也少不了同事的幫助），先把最終的效果圖貼上：
成都創(chuàng)新互聯(lián)公司堅持“要么做到，要么別承諾”的工作理念，服務領域包括：成都網(wǎng)站建設、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務，滿足客戶于互聯(lián)網(wǎng)時代的云南網(wǎng)站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴！
理論上講，其本質(zhì)并不復雜，就是一個viewpager，但是第一次實現(xiàn)這樣的效果還是要花些時間的，具體的代碼如下：
主布局文件：activity_show_industry_list.xml，主要就是一個activity上放個viewpager，但是相對布局是關鍵
<?xml version="1.0" encoding="utf-8"?>
fragment布局文件：fragment_show_industry_list.xml 該布局對應的類比較簡單，就不往上貼了
主布局類ShowIndustryListActivity.java
重慶分公司
重慶分公司
public class ShowIndustryListActivity extends BaseActivity {
private FragmentPagerAdapter pagerada;
private ShowIndustryListFragment showIndustryListFragment;
ShowIndustryListFragment fragment1,fragment2,fragment3,fragment4;
ArrayList fragments;
@Bind(R.id.vp_show_industry_list)
ViewPager viewPager;
FragmentManager fragmentManager;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_show_industry_list);
ButterKnife.bind(this);
fragmentManager = getSupportFragmentManager();
fragments= new ArrayList();
fragment1 = new ShowIndustryListFragment();
fragment2 = new ShowIndustryListFragment();
fragment3 = new ShowIndustryListFragment();
fragment4 = new ShowIndustryListFragment();
fragments.add(fragment1);
fragments.add(fragment2);
fragments.add(fragment3);
fragments.add(fragment4);
viewPager.setOffscreenPageLimit(fragments.size());//卡片數(shù)量
viewPager.setPageMargin(10);//兩個卡片之間的距離，單位dp
if (viewPager!=null){
viewPager.removeAllViews();
}
MyFragmentPagerAdapter myFragmentPagerAdapter = new MyFragmentPagerAdapter(getSupportFragmentManager(), fragments);
viewPager.setAdapter(myFragmentPagerAdapter);
}
class MyFragmentPagerAdapter extends FragmentPagerAdapter {
private ArrayList listFragments;
public MyFragmentPagerAdapter(FragmentManager fm, ArrayList al) {
super(fm);
listFragments = al;
}
public MyFragmentPagerAdapter(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int position) {
return listFragments.get(position);
}
@Override
public int getCount() {
return listFragments.size();
}
@Override
public int getItemPosition(Object object) {
return super.getItemPosition(object);
}
}
} 至此，效果就可以實現(xiàn)了，上手試試吧。
更多關于滑動功能的文章，請點擊專題： 《Android滑動功能》
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。
