好贷网好贷款

Android记录6--ViewPage+Fragment的使用例子

发布时间:2016-12-3 10:32:50 编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"Android记录6--ViewPage+Fragment的使用例子",主要涉及到Android记录6--ViewPage+Fragment的使用例子方面的内容,对于Android记录6--ViewPage+Fragment的使用例子感兴趣的同学可以参考一下。

Android记录6--ViewPage+Fragment的使用例子 2013年9月6日Fragment学习 Fragment这个东西,我到现在才接触到,之前没有用到过,关于Fragment这个东西在官方文档已经介绍了非常清楚了,我还特地转载了官方API的中文翻译,在这我就不浪费口舌了。简单来说,Fragment就是为满足大屏幕的而诞生的,手机屏幕小而平板屏幕就大了,屏幕一大就会产生更多的交互,这是很容易想到的,那么单纯的Activity就不能满足我们的需求了。 今天这个例子是自己做的一个小Demo,简单使用了Fragment,是跟ViewPage结合一起使用的。我想实现的效果是,左右滑动可以从一个Fragment到另一个Fragment的过渡。 看看效果图: 可以看到,两个fragment都可有控件的点击事件,如果是两个Activity我不知道怎么实现,可能会稍微麻烦一点。 简单的ViewPage布局: /2013.09.05_ViewPage_Fragment_Demo/res/layout/activity_main.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="wrap_content" android:layout_height="wrap_content" android:flipInterval="30" android:persistentDrawingCache="animation" /> </RelativeLayout> /2013.09.05_ViewPage_Fragment_Demo/res/layout/viewpager1.xml <?xml version="1.0" encoding="UTF-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/guide_1" > <Button android:id="@+id/btn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:layout_marginBottom="54dp" android:background="@drawable/butten" /> </RelativeLayout> /2013.09.05_ViewPage_Fragment_Demo/res/layout/viewpager2.xml <?xml version="1.0" encoding="UTF-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/guide_2" > <Button android:id="@+id/btn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:layout_marginBottom="54dp" android:background="@drawable/butten" /> </RelativeLayout> 再来一个适配器: /2013.09.05_ViewPage_Fragment_Demo/src/com/wwj/vf/adapter/FragAdapter.java package com.wwj.vf.adapter; import java.util.List; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentPagerAdapter; /** * FragmentPager适配器 * @author wwj * */ public class FragAdapter extends FragmentPagerAdapter{ private List<Fragment> fragments; public FragAdapter(FragmentManager fm) { super(fm); } public FragAdapter(FragmentManager fm, List<Fragment> fragments) { super(fm); this.fragments = fragments; } @Override public Fragment getItem(int position) { return fragments.get(position); } @Override public int getCount() { return fragments.size(); } } 两个自定义的Fragment 这里很简单,一张背景+一个按钮 /2013.09.05_ViewPage_Fragment_Demo/src/com/wwj/vf/ui/MyFragment1.java package com.wwj.vf.ui; import com.wwj.vf.R; import android.os.Bundle; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.View.OnClickListener; import android.view.ViewGroup; import android.widget.Button; import android.widget.Toast; /** * 第一个Fragment * * @author wwj * */ public class MyFragment1 extends Fragment { private Button btn; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.viewpager1, container, false); btn = (Button) view.findViewById(R.id.btn); btn.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { Toast.makeText(getActivity(), "你点我啦,好坏!!!", Toast.LENGTH_LONG).show(); } }); return view; } @Override public void onActivityCreated(Bundle savedInstanceState) { super.onActivityCreated(savedInstanceState); } @Override public void onPause() { super.onPause(); } } /2013.09.05_ViewPage_Fragment_Demo/src/com/wwj/vf/ui/MyFragment2.java package com.wwj.vf.ui; import android.os.Bundle; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.View.OnClickListener; import android.view.ViewGroup; import android.widget.Button; import android.widget.Toast; import com.wwj.vf.R; /** * 第2个Fragment * * @author wwj * */ public class MyFragment2 extends Fragment { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.viewpager2, container, false); view.findViewById(R.id.btn).setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { Toast.makeText(getActivity(), "这个Fragment2哦,要注意了!!", Toast.LENGTH_SHORT).show(); } }); return view; } @Override public void onActivityCreated(Bundle savedInstanceState) { super.onActivityCreated(savedInstanceState); } @Override public void onPause() { super.onPause(); } } 好啦,在Activity里添加两个Fragment package com.wwj.vf; import java.util.ArrayList; import java.util.List; import android.os.Bundle; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentActivity; import android.support.v4.view.ViewPager; import com.wwj.vf.adapter.FragAdapter; import com.wwj.vf.ui.MyFragment1; import com.wwj.vf.ui.MyFragment2; /** * 主Activity,包含两个fragment * * @author wwj * */ public class MainActivity extends FragmentActivity { private ViewPager vp; private FragAdapter adapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); vp = (ViewPager) findViewById(R.id.viewpager); List<Fragment> fragments = new ArrayList<Fragment>(); fragments.add(new MyFragment1()); fragments.add(new MyFragment2()); adapter = new FragAdapter(getSupportFragmentManager(), fragments); vp.setAdapter(adapter); vp.setCurrentItem(0); } } 简单的ViewPage和Fragment的搭配使用就这样了。

上一篇:HDOJ 2448 - Mining Station on the Sea 构图最小费用最大流..阅读理解..
下一篇:WinCE6.0 KITL概要

相关文章

相关评论