非常简单的viewpager+fragmen实现类似商城app结构
来源:互联网 发布:楚乔传网络播放量 编辑:程序博客网 时间:2024/04/27 19:42
先说下思路在一个activity中的主布局加入supportv4架包中的viewpager,viewpager相当于一个listview,在viewpager中我们要放的fragment,对viewpager做监听,实现想要的效果,代码很简单一看就懂,一直上代码。
主类
package com.example.fragtest;import java.util.ArrayList;import android.support.v7.app.ActionBar;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentActivity;import android.support.v4.view.ViewPager;import android.support.v4.view.ViewPager.OnPageChangeListener;import android.app.Activity;import android.os.Bundle;import android.view.LayoutInflater;import android.view.Menu;import android.view.MenuItem;import android.view.View;import android.view.View.OnClickListener;import android.view.ViewGroup;import android.widget.TextView;import android.os.Build;public class MainActivity extends FragmentActivity {private ArrayList<Fragment> list;private ViewPager viewPager;private TextView [] tvs=new TextView[4];private int pos=0;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);viewPager=(ViewPager) findViewById(R.id.viewPager);tvs[0]=(TextView) findViewById(R.id.tv_f);tvs[0].setBackgroundColor(0x99999999);tvs[1]=(TextView) findViewById(R.id.tv_s);tvs[2]=(TextView) findViewById(R.id.tv_t);tvs[3]=(TextView) findViewById(R.id.tv_tf);First mFirst=new First();Second msSecond=new Second();third mThird=new third();fourth mFourth=new fourth();list=new ArrayList<Fragment>();list.add(mFirst);list.add(msSecond);list.add(mThird);list.add(mFourth);viewPager.setAdapter(new MyFragAdapter(getSupportFragmentManager(), this, list));viewPager.setOnPageChangeListener(new OnPageChangeListener() {@Overridepublic void onPageSelected(int arg0) {// TODO Auto-generated method stubfor(int i=0;i<4;i++){if(i==arg0){tvs[i].setBackgroundColor(0x99999999);}else{tvs[i].setBackgroundColor(0xffffffff);}}}@Overridepublic void onPageScrolled(int arg0, float arg1, int arg2) {// TODO Auto-generated method stub}@Overridepublic void onPageScrollStateChanged(int arg0) {// TODO Auto-generated method stub}});for(TextView tv:tvs){tv.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View view) {// TODO Auto-generated method stubswitch (view.getId()) {case R.id.tv_f:pos=0;break;case R.id.tv_s:pos=1;break;case R.id.tv_t:pos=2;break;case R.id.tv_tf:pos=3;break;default:break;}for(int i=0;i<4;i++){if(i==pos){tvs[i].setBackgroundColor(0x99999999);}else{tvs[i].setBackgroundColor(0xffffffff);}}viewPager.setCurrentItem(pos);}});}}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.main, menu);return true;}@Overridepublic boolean onOptionsItemSelected(MenuItem item) {// Handle action bar item clicks here. The action bar will// automatically handle clicks on the Home/Up button, so long// as you specify a parent activity in AndroidManifest.xml.int id = item.getItemId();if (id == R.id.action_settings) {return true;}return super.onOptionsItemSelected(item);}}adapter
package com.example.fragtest;import java.util.ArrayList;import android.content.Context;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentManager;import android.support.v4.app.FragmentPagerAdapter;public class MyFragAdapter extends FragmentPagerAdapter{private Context mContext; private ArrayList<Fragment> mlist;public MyFragAdapter(FragmentManager fm,Context context,ArrayList<Fragment> list) {super(fm);mContext=context;if(list!=null){mlist=list;}else{mlist=new ArrayList<Fragment>();}// TODO Auto-generated constructor stub}@Overridepublic Fragment getItem(int arg0) {// TODO Auto-generated method stubreturn mlist.get(arg0);}@Overridepublic int getCount() {// TODO Auto-generated method stubreturn mlist.size();}}
四个fragment
package com.example.fragtest;import android.os.Bundle;import android.support.v4.app.Fragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.TextView;public class First extends Fragment{@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {// TODO Auto-generated method stubView view=inflater.inflate(R.layout.view, container, false);TextView tv=(TextView) view.findViewById(R.id.tv_name);tv.setText("第一个");return view;}}
package com.example.fragtest;import android.os.Bundle;import android.support.v4.app.Fragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.TextView;public class Second extends Fragment{@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {// TODO Auto-generated method stubView view=inflater.inflate(R.layout.view, container, false);TextView tv=(TextView) view.findViewById(R.id.tv_name);tv.setText("第二个");return view;}}
package com.example.fragtest;import android.os.Bundle;import android.support.v4.app.Fragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.TextView;public class third extends Fragment{public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {// TODO Auto-generated method stubView view=inflater.inflate(R.layout.view, container, false);TextView tv=(TextView) view.findViewById(R.id.tv_name);tv.setText("第三个");return view;}}
package com.example.fragtest;import android.os.Bundle;import android.support.v4.app.Fragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.TextView;public class fourth extends Fragment{public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {// TODO Auto-generated method stubView view=inflater.inflate(R.layout.view, container, false);TextView tv=(TextView) view.findViewById(R.id.tv_name);tv.setText("第四个");return view;}}
主布局
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<android.support.v4.view.ViewPager
android:layout_above="@+id/ll_bottom"
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
<LinearLayout
android:id="@+id/ll_bottom"
android:layout_alignParentBottom="true"
android:layout_width="match_parent"
android:orientation="vertical"
android:layout_height="50dp">
<TextView
android:layout_width="match_parent"
android:layout_height="2dp"
android:background="#999999" />
<LinearLayout android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_f"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:text="首页"
android:textSize="16sp" />
<TextView
android:layout_width="2dp"
android:layout_height="match_parent"
android:background="#999999" />
<TextView
android:id="@+id/tv_s"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:text="热帖"
android:textSize="16sp" />
<TextView
android:layout_width="2dp"
android:layout_height="match_parent"
android:background="#999999" />
<TextView
android:id="@+id/tv_t"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:text="活动"
android:textSize="16sp" />
<TextView
android:layout_width="2dp"
android:layout_height="match_parent"
android:background="#999999" />
<TextView
android:id="@+id/tv_tf"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:text="我"
android:textSize="16sp" />
</LinearLayout>
</LinearLayout>
</RelativeLayout>
fragment布局
<?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:orientation="vertical" > <TextView android:id="@+id/tv_name" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" android:textSize="25sp" android:text="第一个"/></LinearLayout>
下载地址 http://download.csdn.net/detail/u012303938/8550513
- 非常简单的viewpager+fragmen实现类似商城app结构
- Android APP启动向导 一个非常简单的ViewPager向导:
- Fragmen的生命周期及简单通信
- Viewpager实现类似网易新闻的效果
- Android LRecyclerView实现类似viewpager的功能
- ViewPager的简单实现
- viewpager的简单实现
- 简单的ViewPager实现
- viewPager的简单实现
- Android的使用ViewPager简单实例【类似tab翻页】
- 非常牛逼的橙色的app租房网站商城手机站模板html整站
- 类似APP大厅程序的实现
- 类似APP大厅程序的实现2
- Fragmen的基本使用,并实现Fragment的切换
- viewpager的一个简单实现
- Android上实现一个简单的天气预报APP(十三) 导航ViewPager
- Python实现类似switch的分支结构
- 使用ViewPager实现几个界面的切换,类似QQ
- 【iOS开发】ZBar的使用:二维码的生成及扫描 —— 伊禾媛
- 路上
- 软件工具 工具软件 软件工具库 软件工程等相关概念搜集
- git命令行
- 分布式数据库内容提要
- 非常简单的viewpager+fragmen实现类似商城app结构
- Facebook android 图片处理库 Fresco
- AsyncTask的RejectedExecutionException异常
- 成熟的15个标志
- 触发器错误总结一
- 代理
- IOS7/8中设置状态栏字体颜色样式
- windows平台下编译nginx相关问题处理
- java学习(6)int string 类型转换