新聞中心
怎么在Android中使用ViewPager 和 Fragment實(shí)現(xiàn)滑動(dòng)頁(yè)面效果?很多新手對(duì)此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來(lái)學(xué)習(xí)下,希望你能有所收獲。
“只有客戶發(fā)展了,才有我們的生存與發(fā)展!”這是創(chuàng)新互聯(lián)建站的服務(wù)宗旨!把網(wǎng)站當(dāng)作互聯(lián)網(wǎng)產(chǎn)品,產(chǎn)品思維更注重全局思維、需求分析和迭代思維,在網(wǎng)站建設(shè)中就是為了建設(shè)一個(gè)不僅審美在線,而且實(shí)用性極高的網(wǎng)站。創(chuàng)新互聯(lián)對(duì)成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、網(wǎng)站制作、網(wǎng)站開發(fā)、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站優(yōu)化、網(wǎng)絡(luò)推廣、探索永無(wú)止境。
PagerData類:
package com.cloud.viewpagerdemo; import java.io.Serializable; class PagerData implements Serializable { private int mImageResId; private String mContent; PagerData(int imageResId, String content) { mImageResId = imageResId; mContent = content; } public int getImageResId() { return mImageResId; } public void setImageResId(int imageResId) { mImageResId = imageResId; } public String getContent() { return mContent; } public void setContent(String content) { mContent = content; } }
PagerFragment類:
package com.cloud.viewpagerdemo; import android.graphics.Outline; import android.os.Bundle; import android.support.annotation.NonNull; import android.support.annotation.Nullable; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.view.ViewOutlineProvider; import android.widget.ImageView; import android.widget.TextView; public class PagerFragment extends Fragment { private static final String ARG_DATA = "data"; private PagerData mData; private ImageView mImageView; private TextView mContent; /** * 通過(guò)靜態(tài)方法獲取Fragment實(shí)例,向Fragment傳參數(shù) * @param data 數(shù)據(jù) * @return Fragment */ public static PagerFragment newInstance(PagerData data) { PagerFragment fragment = new PagerFragment(); //使用FragmentArguments傳遞參數(shù) Bundle args = new Bundle(); args.putSerializable(ARG_DATA, data); fragment.setArguments(args); return fragment; } @Override public void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); mData = (PagerData) getArguments().getSerializable(ARG_DATA); } @Nullable @Override public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_pager, container, false); //綁定控件 mImageView = view.findViewById(R.id.image_view); mContent = view.findViewById(R.id.text_content); //ImageView設(shè)置圓角 ViewOutlineProvider viewOutlineProvider = new ViewOutlineProvider() { @Override public void getOutline(View view, Outline outline) { outline.setRoundRect(0, 0, mImageView.getWidth(), mImageView.getHeight(), 16); } }; mImageView.setOutlineProvider(viewOutlineProvider); mImageView.setClipToOutline(true); mImageView.setImageResource(mData.getImageResId()); mContent.setText(mData.getContent()); return view; } }
PagerActivity:
package com.cloud.viewpagerdemo; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentStatePagerAdapter; import android.support.v4.view.ViewPager; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.widget.TextView; import java.util.ArrayList; import java.util.List; public class PagerActivity extends AppCompatActivity { private ListmPagerData = new ArrayList<>(); private ViewPager mViewPager; private TextView mTextPage; private String page = "1 / 3"; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_pager); initData(); FragmentManager fragmentManager = getSupportFragmentManager(); mViewPager = findViewById(R.id.view_pager); mTextPage = findViewById(R.id.text_page); //設(shè)置ViewPager適配器 mViewPager.setAdapter(new FragmentStatePagerAdapter(fragmentManager) { @Override public Fragment getItem(int position) { return PagerFragment.newInstance(mPagerData.get(position)); } @Override public int getCount() { return mPagerData.size(); } }); //監(jiān)聽(tīng)頁(yè)面改變 mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { //頁(yè)面選中 page = String.valueOf(position + 1) + " / " + String.valueOf(mPagerData.size()); mTextPage.setText(page); } @Override public void onPageScrollStateChanged(int state) { } }); //設(shè)置緩存頁(yè)數(shù) mViewPager.setOffscreenPageLimit(3); //設(shè)置默認(rèn)頁(yè) mViewPager.setCurrentItem(0); mTextPage.setText(page); } private void initData() { //添加三項(xiàng)數(shù)據(jù) mPagerData.add(new PagerData(R.drawable.img_0, "Photo by Adam Krowitz")); mPagerData.add(new PagerData(R.drawable.img_1, "Photo by Samuel Ferrara")); mPagerData.add(new PagerData(R.drawable.img_2, "Photo by Earth")); } }
fragment_pager:
activity_pager:
看完上述內(nèi)容是否對(duì)您有幫助呢?如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對(duì)創(chuàng)新互聯(lián)的支持。
名稱欄目:怎么在Android中使用ViewPager和Fragment實(shí)現(xiàn)滑動(dòng)頁(yè)面效果
網(wǎng)址分享:http://fisionsoft.com.cn/article/jeghsi.html