目录
- 前言
- 一、Fragment简介
- 二、Fragment的基础使用
- 1.创建Fragment
- 2.在Activity中加入Fragment
- (1)在Activity的layout.xml布局文件中静态添加
- (2)在Activity的.java文件中动态添加
- 三、Fragment的基础实践应用
- 1.应用过程详解
- 2.代码总览
- 3.效果展示
- 四、总结
- 参考
前言
本文旨在记录在Android Studio学习中关于Fragment的部分学习过程
提示:以下是本篇文章正文内容
一、Fragment简介
Fragment 表示应用界面中可重复使用的一部分。Fragment 定义和管理自己的布局,具有自己的生命周期,并且可以处理自己的输入事件。Fragment 不能独立存在,而是必须由 Activity 或另一个 Fragment 托管。Fragment 的视图层次结构会成为宿主的视图层次结构的一部分,或附加到宿主的视图层次结构。
Fragment 允许您将界面划分为离散的区块,从而将模块化和可重用性引入 Activity 的界面。Activity 是围绕应用的界面放置全局元素(如抽屉式导航栏)的理想位置。相反,Fragment 更适合定义和管理单个屏幕或部分屏幕的界面。
假设有一个响应各种屏幕尺寸的应用。在较大的屏幕上,该应用应显示一个静态抽屉式导航栏和一个采用网格布局的列表。在较小的屏幕上,该应用应显示一个底部导航栏和一个采用线性布局的列表。在 Activity 中管理所有这些变化因素可能会很麻烦。将导航元素与内容分离可使此过程更易于管理。然后,Activity 负责显示正确的导航界面,而 Fragment 采用适当的布局显示列表。
二、Fragment的基础使用
1.创建Fragment
1.在新建的工程中新建空活动。
2.在空活动中新建BlankFragment。
3.为了便于操作,将约束布局改为线性布局。
不改应该也是完全没有问题的,在我的学习过程中所查到的资料中大多数老师推荐这里改为线性布局,所以我这里改为了线性布局
2.在Activity中加入Fragment
由于Fragment作为Activity一部分,所以Fragment的使用一般是添加到Activity中。
将Fragment添加到Activity中一般有2种方法:
(1)在Activity的layout.xml布局文件中静态添加
以标签的形式添加到Activity的布局当中。
(2)在Activity的.java文件中动态添加
通过java代码将fragment添加到已存在的宿主Activity中。
三、Fragment的基础实践应用
下面我将以模拟微信页面切换为例展示Fragment的基础实践应用
1.应用过程详解
(1)在MainActivity布局文件activity_main.xml
中将布局修改为线性垂直分布后布置两个线性布局用作主要界面。
(2)在下方的小线性布局中布置三个居中的文本用作页面转换的按钮。
(3)对应三个按钮创建三个fragment用作等下切换的页面。
(4)为刚刚的三个文本创建点击事件并命名。
(5)为将被切换的主界面命名并设置水平排列。
(6)编写点击事件方法并创造三个替换页面。
(7)将三个替换页面的文本设为不同文字,便于切换时区分。
2.代码总览
MainActivity布局文件activity_main.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"
tools:context=".MainActivity"
android:orientation="vertical">
<LinearLayout android:layout_height="0dp"
android:layout_width="match_parent"
android:layout_weight="8"
android:id="@+id/yuan"
android:orientation="horizontal">
</LinearLayout>
<LinearLayout android:layout_height="0dp"
android:layout_width="match_parent"
android:layout_weight="2">
<TextView
android:id="@+id/tv1"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:textSize="30dp"
android:gravity="center"
android:onClick="lc"
android:text="微信" />
<TextView
android:id="@+id/tv2"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:textSize="30dp"
android:gravity="center"
android:onClick="lc"
android:text="通讯录" />
<TextView
android:id="@+id/tv3"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:textSize="30dp"
android:gravity="center"
android:onClick="lc"
android:text="我" />
</LinearLayout>
</LinearLayout>
Fragment1布局文件Fragment_1.xml
:
<?xml version="1.0" encoding="utf-8"?>
<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=".Fragment1">
<!-- TODO: Update blank fragment layout -->
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="微信"
android:textSize="50dp"/>
</FrameLayout>
Fragment2布局文件Fragment_2.xml
:
<?xml version="1.0" encoding="utf-8"?>
<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=".Fragment2">
<!-- TODO: Update blank fragment layout -->
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="通讯录"
android:textSize="50dp"/>
</FrameLayout>
Fragment3布局文件Fragment_3.xml
:
<?xml version="1.0" encoding="utf-8"?>
<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=".Fragment3">
<!-- TODO: Update blank fragment layout -->
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="我"
android:textSize="50dp"/>
</FrameLayout>
MainActivity java文件MainActivity.java
:
package com.example.fragment;
import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentTransaction;
import android.os.Bundle;
import android.view.View;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
public void lc(View v){
FragmentManager fm=getSupportFragmentManager();
FragmentTransaction ft=fm.beginTransaction();
Fragment1 f1=new Fragment1();
Fragment2 f2=new Fragment2();
Fragment3 f3=new Fragment3();
switch (v.getId()){
case R.id.tv1:
ft.replace(R.id.yuan,f1);
break;
case R.id.tv2:
ft.replace(R.id.yuan,f2);
break;
case R.id.tv3:
ft.replace(R.id.yuan,f3);
break;
}
ft.commit();
}
}
Fragment1 java文件Fragment1.java
:
package com.example.fragment;
import android.os.Bundle;
import androidx.fragment.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
/**
* A simple {@link Fragment} subclass.
* Use the {@link Fragment1#newInstance} factory method to
* create an instance of this fragment.
*/
public class Fragment1 extends Fragment {
// TODO: Rename parameter arguments, choose names that match
// the fragment initialization parameters, e.g. ARG_ITEM_NUMBER
private static final String ARG_PARAM1 = "param1";
private static final String ARG_PARAM2 = "param2";
// TODO: Rename and change types of parameters
private String mParam1;
private String mParam2;
public Fragment1() {
// Required empty public constructor
}
/**
* Use this factory method to create a new instance of
* this fragment using the provided parameters.
*
* @param param1 Parameter 1.
* @param param2 Parameter 2.
* @return A new instance of fragment Fragment1.
*/
// TODO: Rename and change types and number of parameters
public static Fragment1 newInstance(String param1, String param2) {
Fragment1 fragment = new Fragment1();
Bundle args = new Bundle();
args.putString(ARG_PARAM1, param1);
args.putString(ARG_PARAM2, param2);
fragment.setArguments(args);
return fragment;
}
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
if (getArguments() != null) {
mParam1 = getArguments().getString(ARG_PARAM1);
mParam2 = getArguments().getString(ARG_PARAM2);
}
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// Inflate the layout for this fragment
return inflater.inflate(R.layout.fragment_1, container, false);
}
}
Fragment2 java文件Fragment2.java
:
package com.example.fragment;
import android.os.Bundle;
import androidx.fragment.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
/**
* A simple {@link Fragment} subclass.
* Use the {@link Fragment2#newInstance} factory method to
* create an instance of this fragment.
*/
public class Fragment2 extends Fragment {
// TODO: Rename parameter arguments, choose names that match
// the fragment initialization parameters, e.g. ARG_ITEM_NUMBER
private static final String ARG_PARAM1 = "param1";
private static final String ARG_PARAM2 = "param2";
// TODO: Rename and change types of parameters
private String mParam1;
private String mParam2;
public Fragment2() {
// Required empty public constructor
}
/**
* Use this factory method to create a new instance of
* this fragment using the provided parameters.
*
* @param param1 Parameter 1.
* @param param2 Parameter 2.
* @return A new instance of fragment Fragment2.
*/
// TODO: Rename and change types and number of parameters
public static Fragment2 newInstance(String param1, String param2) {
Fragment2 fragment = new Fragment2();
Bundle args = new Bundle();
args.putString(ARG_PARAM1, param1);
args.putString(ARG_PARAM2, param2);
fragment.setArguments(args);
return fragment;
}
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
if (getArguments() != null) {
mParam1 = getArguments().getString(ARG_PARAM1);
mParam2 = getArguments().getString(ARG_PARAM2);
}
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// Inflate the layout for this fragment
return inflater.inflate(R.layout.fragment_2, container, false);
}
}
Fragment3 java文件Fragment3.java
:
package com.example.fragment;
import android.os.Bundle;
import androidx.fragment.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
/**
* A simple {@link Fragment} subclass.
* Use the {@link Fragment3#newInstance} factory method to
* create an instance of this fragment.
*/
public class Fragment3 extends Fragment {
// TODO: Rename parameter arguments, choose names that match
// the fragment initialization parameters, e.g. ARG_ITEM_NUMBER
private static final String ARG_PARAM1 = "param1";
private static final String ARG_PARAM2 = "param2";
// TODO: Rename and change types of parameters
private String mParam1;
private String mParam2;
public Fragment3() {
// Required empty public constructor
}
/**
* Use this factory method to create a new instance of
* this fragment using the provided parameters.
*
* @param param1 Parameter 1.
* @param param2 Parameter 2.
* @return A new instance of fragment Fragment3.
*/
// TODO: Rename and change types and number of parameters
public static Fragment3 newInstance(String param1, String param2) {
Fragment3 fragment = new Fragment3();
Bundle args = new Bundle();
args.putString(ARG_PARAM1, param1);
args.putString(ARG_PARAM2, param2);
fragment.setArguments(args);
return fragment;
}
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
if (getArguments() != null) {
mParam1 = getArguments().getString(ARG_PARAM1);
mParam2 = getArguments().getString(ARG_PARAM2);
}
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// Inflate the layout for this fragment
return inflater.inflate(R.layout.fragment_3, container, false);
}
}
3.效果展示
页面切换效果展示
四、总结
Fragment的模块化、可重用以及可适配的优点使其广泛被使用,通过本文的学习仅仅只是初窥Fragment相关知识的第一步,后续应当更加地深入了解并学习相关知识。
参考
Fragment | Android 开发者 | Android Developers
fragment简介——云儿cloudy
安卓中fragment的应用(切换页)——云飞7
作者:刘淳
创作于:2022.11.29
原文链接:http://t.csdn.cn/L7u7s