viewpager + fragment

最新推荐文章于 2022-11-14 15:43:00 发布

iloveaman

最新推荐文章于 2022-11-14 15:43:00 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/iloveaman/article/details/13510137

版权

FragmentPagerAdapter API

Android Fragment 生命周期实例http://blog.sina.com.cn/s/blog_3e333c4a01019jmr.html

可参照http://blog.csdn.net/kaiwii/article/details/7823613

http://www.open-open.com/lib/view/open1363245482765.html

http://blog.csdn.net/wangjinyu501/article/details/8169924

http://www.verydemo.com/demo_c131_i7646.html

布局文件：discoverlist_act.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
android:orientation="vertical" >




<Button
android:id="@+id/renqi"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/segment_left_selected"
android:onClick="btClick"
android:text="人气"
android:textColor="@android:color/white" />

<Button
android:id="@+id/xiaoliang"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/segment_mid"
android:onClick="btClick"
android:text="销量"
android:textColor="#ff7B7B7B" />

<Button
android:id="@+id/jiage"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/segment_right"
android:onClick="btClick"
android:text="价格"
android:textColor="#ff7B7B7B" />
</LinearLayout>

<android.support.v4.view.ViewPager
android:id="@+id/discoverList_vp_detail"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</android.support.v4.view.ViewPager>
</LinearLayout>

DiscoverListFragmentActivity.java:

/**
* DiscoverList , Discover对应的FragmentActivity。<p>
* 页面上部"人气"、"销量"、"价格"三个Button用一个RelativeLayout包裹，下方是一个Viewpager。<br>
* 点击button时通过viewPager.setCurrentItem(agr0)来跳到相应的pager页；切换viewpager时同时改变button的样式。
*
*/
public class DiscoverListFragmentActivity extends FragmentActivity {
private ViewPager viewPager;
private FragmentViewPagerAdapter adapter;

private Button bt_left_renqi;
private Button bt_mid_xiaoliang;
private Button bt_right_jiage;

// titlebar
private TextView title_tv_name;
private Button title_btn_left;
private Button title_btn_right;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.discoverlist_act);

// 人气，销量，价格button
bt_left_renqi = (Button) findViewById(R.id.renqi);
bt_mid_xiaoliang = (Button) findViewById(R.id.xiaoliang);
bt_right_jiage = (Button) findViewById(R.id.jiage);

//关键代码
viewPager = (ViewPager) findViewById(R.id.discoverList_vp_detail);
adapter = new FragmentViewPagerAdapter(getSupportFragmentManager());
viewPager.setAdapter(adapter);
viewPager.setCurrentItem(0);
setListner();
}

private void setListner() {
viewPager.setOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int arg0) {
//切换viewpager时同时改变button的样式。代码略
。。。。。。。。。。。。。
}

@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {

}

@Override
public void onPageScrollStateChanged(int arg0) {

}
});

}

}

FragmentViewPagerAdapter.java:

/**
* {@link DiscoverListFragmentActivity}类中viewpager用到的适配器，viewpager中填充了三个Fragment：<br>
*/
public class FragmentViewPagerAdapter extends FragmentPagerAdapter {
ArrayList<Fragment> fragmentList =new ArrayList<Fragment>();
public FragmentViewPagerAdapter(FragmentManager fm) {
super(fm);
Fragment ft = null ;
ft = new RenqiFragment();// 人气
fragmentList.add(ft);
ft = new XiaoliangFragment();//销量
fragmentList.add(ft);
ft = new JiageFragment();//价格
fragmentList.add(ft);
}
@Override
public int getCount() {
return fragmentList.size();
}
@Override
public Fragment getItem(int arg0) {
Fragment ft = null ;
Bundle args = new Bundle();
ft = fragmentList.get(arg0);
args.putString("position", arg0+"");
ft.setArguments(args);
return ft;
}
}

RenqiFragment .java:

public class RenqiFragment extends Fragment {

private RTPullListView renqi_lv;
private RenqiListAdapter adapter;
private int position;

private ArrayList<ProductInfo> productList = new ArrayList<ProductInfo>();;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
position = getArguments() != null ? getArguments().getInt("position"): 1;

// 初始化数据
ProductInfo product = new ProductInfo();
for (int i = 0; i < 5; i++) {
product.setProductImg(getResources()
.getDrawable(R.drawable.class_1));// 缩略图
product.setProductMZFlag(getResources().getDrawable(
R.drawable.goods_maizeng));// 满、买赠标记
product.setProductName("经济诶送给i看的哦额给哦的");// 商品名
product.setProductZeng("Jplus满199送168（赠品送完及...");// 优惠活动
product.setPingFen(getResources().getDrawable(R.drawable.star_4));// 评分
product.setPrice1("$88.00");// 原价格
product.setPrice2("$88.00");// 优惠价格
product.setPingJia("(54905)");// 评价

productList.add(product);
}
}

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {

View rootView = inflater.inflate(R.layout.renqi_fragment, container,
false);
renqi_lv = (RTPullListView) rootView.findViewById(R.id.renqi_lv_show);
adapter = new RenqiListAdapter(getActivity(), null);//
renqi_lv.setAdapter(adapter);
renqi_lv.setSelection(productList.size() - 1);

setListener();
return rootView;
}

private void setListener() {
renqi_lv.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view,
int position, long id) {
// TODO Auto-generated method stub
}
});

// 下拉刷新监听器
renqi_lv.setonRefreshListener(new com.transuner.util.RTPullListView.OnRefreshListener() {
@Override
public void onRefresh() {
// TODO Auto-generated method stub
new Thread() {
@Override
public void run() {
mHandler.post(mRunnable);
}
}.start();
}
});
}

@Override
public void onActivityCreated(Bundle savedInstanceState) {
super.onActivityCreated(savedInstanceState);
}

private class RenqiListAdapter extends BaseAdapter {
LayoutInflater mInflater;
private Context mContext;

public RenqiListAdapter(Context context, ArrayList<Object> list) {
mInflater = LayoutInflater.from(context);
mContext = context;
}

@Override
public int getCount() {
return productList.size();// /
}

@Override
public Object getItem(int position) {
return productList.get(position);
}

@Override
public long getItemId(int position) {
return position;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder viewHolder;
if (convertView == null) {
viewHolder = new ViewHolder();
convertView = mInflater.inflate(R.layout.renqi_fragment_item,
parent, false);
viewHolder.productImg = (ImageView) convertView
.findViewById(R.id.renqi_fragment_productImg);
viewHolder.productMZFlag = (ImageView) convertView
.findViewById(R.id.renqi_fragment_productMZFlag);
viewHolder.productName = (TextView) convertView
.findViewById(R.id.renqi_fragment_productName);
viewHolder.productZeng = (TextView) convertView
.findViewById(R.id.renqi_fragment_productZeng);
viewHolder.price1 = (TextView) convertView
.findViewById(R.id.renqi_fragment_price1);
viewHolder.pingFen = (ImageView) convertView
.findViewById(R.id.renqi_fragment_pingFen);
viewHolder.price2 = (TextView) convertView
.findViewById(R.id.renqi_fragment_price2);
viewHolder.pingJia = (TextView) convertView
.findViewById(R.id.renqi_fragment_pingJia);
viewHolder.icon = (ImageView) convertView
.findViewById(R.id.renqi_fragment_icon);

convertView.setTag(viewHolder);
} else {
viewHolder = (ViewHolder) convertView.getTag();
}

viewHolder.productImg.setImageDrawable(productList.get(position)
.getProductImg());
viewHolder.productMZFlag.setImageDrawable(productList.get(position)
.getProductMZFlag());
viewHolder.productName.setText(productList.get(position)
.getProductName());
viewHolder.productZeng.setText(productList.get(position)
.getProductZeng());
viewHolder.price1.setText(productList.get(position).getPrice1());
viewHolder.pingFen.setImageDrawable(productList.get(position)
.getPingFen());
viewHolder.price2.setText(productList.get(position).getPrice2());
viewHolder.pingJia.setText(productList.get(position).getPingJia());

return convertView;
}
}

private static final int SUCCESS = 0;
private Handler mHandler = new Handler() {
@Override
public void handleMessage(Message msg) {
switch (msg.what) {
case SUCCESS:
adapter.notifyDataSetChanged();
renqi_lv.setSelection(position);
renqi_lv.onRefreshComplete();
Toast toast = Toast.makeText(getActivity(), "刷新了" + msg.arg1
+ "条数据", 1000);
toast.setGravity(Gravity.CENTER, 0, 0);
toast.show();
break;

default:
break;
}
}
};

Runnable mRunnable = new Runnable() {
@Override
public void run() {
try {
Thread.sleep(2000);// 刷新太快了停一下便于观看
ProductInfo product = new ProductInfo();
ArrayList<ProductInfo> productListTmp = new ArrayList<ProductInfo>();
for (int i = 0; i < 5; i++) {
product.setProductImg(getResources().getDrawable(
R.drawable.class_1));// 缩略图
product.setProductMZFlag(getResources().getDrawable(
R.drawable.goods_maizeng));// 满、买赠标记
product.setProductName("经济诶送给i看的哦额给哦的");// 商品名
product.setProductZeng("Jplus满199送168（赠品送完及...");// 优惠活动
product.setPingFen(getResources().getDrawable(
R.drawable.star_4));// 评分
product.setPrice1("$88.00");// 原价格
product.setPrice2("$88.00");// 优惠价格
product.setPingJia("(54905)");// 评价

productListTmp.add(product);
}
productList.addAll(0, productListTmp);// 加到前面去
renqi_lv.setSelection(productListTmp.size() - 1);// 跳到最近加载的5条的下面那条

Message msg = mHandler.obtainMessage();
msg.what = SUCCESS;
msg.arg1 = productListTmp.size();
mHandler.sendMessage(msg);
// msg.setTarget(mHandler);

} catch (InterruptedException e) {
e.printStackTrace();
}
}
};

static class ViewHolder {
ImageView productImg;// 设备缩略图
ImageView productMZFlag;// 满、买赠标记
TextView productName;
TextView productZeng;// 优惠活动
TextView price1;// 优惠价格
ImageView pingFen;// 评分
TextView price2;// 原价格
TextView pingJia;// 评价
ImageView icon;// 左边箭头

}

}

FragmentPagerAdapter API可参照http://blog.csdn.net/kaiwii/article/details/7823613

iloveaman

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
viewpager + fragment

布局文件：discoverlist_act.xml android:layout_width="match_parent" android:layout_height="match_parent" android:layout_alignParentLeft="true" android:layout_centerVertical="true"
复制链接

扫一扫