1.什么是Fragment?
Fragment的由来
基于Android系统的设备越来越多,分辨率种类越来越多,Google提出Fragment的概念也是希望通过Fragment解决屏幕碎片化问题。
Fragment的翻译为碎片,自Android3.0开始引入Fragment的概念
用Fragment替换TabHost是Google推荐的方案
2.Fragment 能够比之前v4 有什么好处呢?
1,使用Fragment可以在一个Activity中实现不同界面的灵活切换。
2,Fragment解决了Activity间的切换不流畅,布局切换更轻量。
3,Fragment可以封装成不同的重要组件,并可以单独管理其生命周期和UI布局。
4,Fragment无需在AndroidManifest中注册,可以在布局文件中直接引用。
3,Fragment静态加载方法(步骤)
- 新建类继承Fragment;
- 重写onCreateView方法;
- 使用LayoutInflater对象中的inflate方法绑定布局和控件;
- 在Activity对应的布局文件中通过<fragment>标签引用。
新建一个项目,再里面新建Fragment extends Fragment ,
代码如下:
public class BlankFragment extends Fragment {
public BlankFragment() {
// Required empty public constructor
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// Inflate the layout for this fragment
View view=inflater.inflate(R.layout.fragment_blank, container, false);
return view;
它的xml 代码如下:
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.xdw.myapplication.BlankFragment">
<!-- TODO: Update blank fragment layout -->
<TextView
android:id="@+id/fragment_textview"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="这是一个FragmentA"
android:gravity="center"
android:background="#101fc2"
android:textColor="#000000"
android:textSize="35dp"
/>
</FrameLayout>
XML效果图:
在acticity_main.xml 里 出除了添加一个TextView,还要添加fragment 里面最重要的属性就是 id 和 name ,代码如下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.xdw.myapplication.MainActivity">
<TextView
android:id="@+id/main_textview"
android:layout_width="match_parent"
android:layout_height="150dp"
android:text="这是一个TextView"
android:gravity="center"
/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
>
<fragment
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:id="@+id/fragment_one"
android:name="com.xdw.myapplication.BlankFragment"
/>
</LinearLayout>
</LinearLayout>
xml效果图:
运行出来的效果图:
4,Fragment 动态加载:
- 新建类继承Fragment
- 重写onGreateView方法
- 使用layout infler 对象中的inflate 方法绑定布局和控件
- 使用FragmentManger 和 FragmentTransaction 对象进行动态加载
代码如下:
package com.xdw.myapplication;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import com.xdw.myapplication.fragment.NanFragment;
import com.xdw.myapplication.fragment.NvFragment;
public class TianMaoActivity extends AppCompatActivity implements View.OnClickListener{
private Button nan_btn;
private Button nv_btn;
private NanFragment nanFragment;
private NvFragment nvFragment;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_tian_mao);
bindID();
}
private void bindID() {
nan_btn=findViewById(R.id.nan_btn);
nv_btn=findViewById(R.id.nv_btn);
nan_btn.setOnClickListener(this);
nv_btn.setOnClickListener(this);
}
@Override
public void onClick(View view) {
FragmentManager manager=getFragmentManager();//创建FragmentManger对象 (管理器)
FragmentTransaction transaction=manager.beginTransaction();//创建FragmentTransaction对象
// 事务对象 对Fragment进行添加,移除,替换,提交等操作
switch (view.getId()){
case R.id.nan_btn:
if(nanFragment==null){
//显示男装
nanFragment =new NanFragment();
}
transaction.replace(R.id.shop_framelayout,nanFragment);
break;
case R.id.nv_btn:
if (nvFragment==null){
//显示女装
nvFragment =new NvFragment();
}
transaction.replace(R.id.shop_framelayout,nvFragment);
break;
default:
break;
}
transaction.commit();//提交
}
}
xml代码如下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
tools:context="com.xdw.myapplication.TianMaoActivity">
<LinearLayout
android:layout_width="100dp"
android:layout_height="match_parent"
android:orientation="vertical"
>
<Button
android:layout_marginTop="50dp"
android:id="@+id/nan_btn"
android:layout_width="match_parent"
android:layout_height="50dp"
android:text="男装"
/>
<Button
android:layout_marginTop="50dp"
android:id="@+id/nv_btn"
android:layout_width="match_parent"
android:layout_height="50dp"
android:text="女装"
/>
</LinearLayout>
<FrameLayout
android:id="@+id/shop_framelayout"
android:layout_width="match_parent"
android:layout_height="match_parent">
</FrameLayout>
</LinearLayout>
效果如图
5,实现页卡切换效果:
代码如下:
package com.xdw.myapplication;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import com.xdw.myapplication.adaper.MyPageAdaper;
import com.xdw.myapplication.fragment.FriendFragment;
import com.xdw.myapplication.fragment.NewsFragment;
import com.xdw.myapplication.fragment.PlayFragment;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
private Button btn_friend;
private Button btn_news;
private Button btn_play;
private FriendFragment friendFragment;
private NewsFragment newsFragment;
private PlayFragment playFragment;
private ViewPager viewPager;
private List<Fragment> fragmentList=new ArrayList<>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
bindID();
friendFragment =new FriendFragment();
newsFragment =new NewsFragment();
playFragment =new PlayFragment();
fragmentList.add(friendFragment);
fragmentList.add(newsFragment);
fragmentList.add(playFragment);
MyPageAdaper adaper=new MyPageAdaper(getSupportFragmentManager(),fragmentList);
viewPager.setAdapter(adaper);
}
private void bindID() {
btn_friend=findViewById(R.id.main_friend);
btn_news=findViewById(R.id.main_news);
btn_play=findViewById(R.id.main_play);
viewPager=findViewById(R.id.main_viewpager);
btn_friend.setOnClickListener(this);
btn_play.setOnClickListener(this);
btn_news.setOnClickListener(this);
}
@Override
public void onClick(View view) {
switch (view.getId()){
case R.id.main_friend:
viewPager.setCurrentItem(0);
break;
case R.id.main_news:
viewPager.setCurrentItem(1);
break;
case R.id.main_play:
viewPager.setCurrentItem(2);
break;
default:
break;
}
}
}
adaper 代码如下:
package com.xdw.myapplication.adaper;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import java.util.List;
/**
* Created by lenovo on 2018/3/6.
*/
public class MyPageAdaper extends FragmentPagerAdapter {
private List<Fragment> mfragmentlist;
public MyPageAdaper(FragmentManager fm, List<Fragment> fragmentList) {
super(fm);
this.mfragmentlist=fragmentList;
}
@Override
public Fragment getItem(int position) {
return mfragmentlist.get(position);
}
@Override
public int getCount() {
return mfragmentlist.size();
}
}
在activity_main.xml里
代码如下:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.xdw.myapplication.MainActivity">
<LinearLayout
android:id="@+id/main_btn"
android:layout_width="match_parent"
android:layout_height="50dp"
android:orientation="horizontal"
android:layout_alignParentBottom="true"
>
<Button
android:id="@+id/main_friend"
android:layout_width="0dp"
android:layout_height="50dp"
android:layout_weight="1"
android:text="朋友圈"
/>
<Button
android:id="@+id/main_news"
android:layout_width="0dp"
android:layout_height="50dp"
android:layout_weight="1"
android:text="消息"
/>
<Button
android:id="@+id/main_play"
android:layout_width="0dp"
android:layout_height="50dp"
android:layout_weight="1"
android:text="动态"
/>
</LinearLayout>
<android.support.v4.view.ViewPager
android:id="@+id/main_viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@+id/main_btn"
>
</android.support.v4.view.ViewPager>
</RelativeLayout>
效果如图:
希望给大家带来帮助