动态网站开发讲课笔记03：HTTP协议

已于 2023-06-14 12:09:57 修改
阅读量272 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Android 文章标签： android
于 2022-12-21 16:40:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_55878784/article/details/128399054

文章目录

一、学习目标

  1. 熟悉Fragment生命周期
  2. 能正确使用Fragment切换界面

二、概括

  • 对于多界面安卓应用，当然可以使用多个Activity来实现，但是比较浪费资源，不如在一个Activity中使用多个碎片（Fragment）来实现界面切换效果。

三、讲解

（一）Fragment概述

  • Fragment是Android3.0引入的新API，它代表Activity的子模板，所以可以把fragment理解为Activity片段。Fragment必须被“嵌入”Avtivity中使用，因此Fragment也拥有自己的生命周期，不过Fragment的生命周期受Activity所控制，也就是说Activity停止的时候，Activity中所有的Fragment都会被停止，其它状态也是一样。

（二）Fragment生命周期

  • 附加与分离：onAttach() + onDetach()
  • 创建和销毁：onCreate() + onDestroy()
  • 创建视图和销毁视图：onCreateView() + onDestroyView()
  • 可见和不可见：onStart() + onStop()
  • 可交互和不可交互：onResume() + onPause()
    在这里插入图片描述

（三）教学案例：切换碎片

1、创建安卓应用

  • 基于Empty Activity目录创建安卓应用 - SwitchFragment
    在这里插入图片描述
  • 单击【Finish】按钮
    在这里插入图片描述

2、准备图片素材

  • 将三张背景图片拷贝到drawable目录
    在这里插入图片描述

3、字符串资源文件

  • 字符串资源文件 - strings.xml
    在这里插入图片描述
<resources>
    <string name="app_name">切换碎片</string>
    <string name="first_fragment">第一个碎片</string>
    <string name="second_fragment">第二个碎片</string>
    <string name="third_fragment">第三个碎片</string>
    <string name="next_fragment">下一个碎片</string>
</resources>

4、主布局资源文件

  • 主布局资源文件 - activity_main.xml
    在这里插入图片描述
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/container"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">    

</FrameLayout>
  • 主布局现在没有负责具体的界面设计工作，它只是提供一个容器或平台，让碎片去负责各自的界面设计

5、创建碎片

（1）创建第一个碎片
  • 基于模板创建碎片 - FirstFragment
    在这里插入图片描述
  • 设置碎片名称 - FirstFragment
    在这里插入图片描述
  • 单击【Finish】按钮
    在这里插入图片描述
  • 修改第一个碎片的布局资源文件 - fragment_first.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:background="@drawable/img01"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".FirstFragment">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="30dp"
        android:text="@string/first_fragment"
        android:textColor="#ff0000"
        android:textSize="50sp" />

    <Button
        android:id="@+id/btn_next_fragment"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="doNextFragment"
        android:text="@string/next_fragment"
        android:textSize="30sp" />
</LinearLayout>
  • 查看预览效果
    在这里插入图片描述
（2）创建第二个碎片
  • 基于模板创建第二个碎片 - SecondFragment
    在这里插入图片描述
  • 单击【Finish】按钮
    在这里插入图片描述
  • 修改第二个碎片的布局资源文件 - fragment_second.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:background="@drawable/img02"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".SecondFragment">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="30dp"
        android:text="@string/second_fragment"
        android:textColor="#00ff00"
        android:textSize="50sp" />

    <Button
        android:id="@+id/btn_next_fragment"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="doNextFragment"
        android:text="@string/next_fragment"
        android:textSize="30sp" />
</LinearLayout>
  • 查看预览效果
    在这里插入图片描述
（3）创建第三个碎片
  • 基于 模板创建第三个碎片 - ThirdFragment
    在这里插入图片描述
  • 单击【Finish】按钮
    在这里插入图片描述
  • 修改第三个碎片的布局资源文件 - fragment_third.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:background="@drawable/img03"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".ThirdFragment">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="30dp"
        android:text="@string/third_fragment"
        android:textColor="#0000ff"
        android:textSize="50sp" />

    <Button
        android:id="@+id/btn_next_fragment"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="doNextFragment"
        android:text="@string/next_fragment"
        android:textSize="30sp" />
</LinearLayout>
  • 查看预览效果
    在这里插入图片描述

6、主界面类实现功能

  • 主界面类 - MainActivity
    在这里插入图片描述
    在这里插入图片描述
package net.fzy.switchfragment;

import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.FragmentManager;

import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 利用布局资源文件设置用户界面
        setContentView(R.layout.activity_main);

        // 获取碎片管理器
        FragmentManager fm = getSupportFragmentManager();

        // 在主容器里添加第一个碎片
        fm.beginTransaction().add(R.id.container, new FirstFragment()).commit();
    }
}

7、启动应用，查看效果

  • 查看第一个碎片有没有显示出来
    在这里插入图片描述
  • 此时，单击【下一个碎片】按钮，程序会终止，因为我们尚未编写按钮单击事件处理方法

8、碎片界面类实现功能

（1）第一个碎片界面类实现功能
  • 第一个碎片界面类 - FirstFragment
    在这里插入图片描述
package net.fzy.switchfragment;

import android.os.Bundle;

import androidx.fragment.app.Fragment;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;

public class FirstFragment extends Fragment {

    private Button btnNextFragment;

    @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.fragment_first, container, false);
        // 通过资源标识符获取控件实例
        btnNextFragment = view.findViewById(R.id.btn_next_fragment);
        // 给按钮注册单击监听器
        btnNextFragment.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 切换到第二个碎片
                getFragmentManager().beginTransaction()
                        .addToBackStack("next")
                        .replace(R.id.container, new SecondFragment())
                        .commit();
            }
        });
        // 返回碎片视图
        return view;
    }
}
（2）第二个碎片界面类实现功能
  • 第二个碎片界面类 - SecondFragment
    在这里插入图片描述
package net.fzy.switchfragment;

import android.os.Bundle;

import androidx.fragment.app.Fragment;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;

public class SecondFragment extends Fragment {

    private Button btnNextFragment;

    @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.fragment_second, container, false);
        // 通过资源标识符获取控件实例
        btnNextFragment = view.findViewById(R.id.btn_next_fragment);
        // 给按钮注册单击监听器
        btnNextFragment.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 切换到第三个碎片
                getFragmentManager().beginTransaction()
                        .addToBackStack("next")
                        .replace(R.id.container, new ThirdFragment())
                        .commit();
            }
        });
        // 返回碎片视图
        return view;
    }
}
（3）第三个碎片界面类实现功能
  • 第三个碎片界面类 - ThirdFragment
package net.fzy.switchfragment;

import android.os.Bundle;

import androidx.fragment.app.Fragment;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;

public class ThirdFragment extends Fragment {

    private Button btnNextFragment;

    @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.fragment_third, container, false);
        // 通过资源标识符获取控件实例
        btnNextFragment = view.findViewById(R.id.btn_next_fragment);
        // 给按钮注册单击监听器
        btnNextFragment.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 切换到第一个碎片
                getFragmentManager().beginTransaction()
                        .addToBackStack("next")
                        .replace(R.id.container, new FirstFragment())
                        .commit();
            }
        });
        // 返回碎片视图
        return view;
    }
}

9、启动应用，查看效果

  • 启动之后，先看到第一个碎片界面
    在这里插入图片描述
  • 单击【下一个碎片】按钮
    在这里插入图片描述
  • 单击【下一个碎片】按钮
    在这里插入图片描述
  • 单击【下一个碎片】按钮，又回到第一个碎片界面
    在这里插入图片描述
  • 录屏演示操作
    在这里插入图片描述

10、优化代码存在的不足

  • 每次切换碎片时，都是利用new来创建新的碎片，这样在不断切换碎片的过程中，就导致资源的浪费
（1）创建碎片列表类
  • 碎片列表类 - FragmentList - 用于保存程序要用到的碎片对象
    在这里插入图片描述
package net.fzy.switchfragment;

import androidx.fragment.app.Fragment;

import java.util.ArrayList;
import java.util.List;

/**
 * 功能：碎片列表类
 * 作者：fzy
 * 日期：2022年12月11日
 */
public class FragmentList {
    public static List<Fragment> fragments = new ArrayList<>();
}
（2）修改主界面类
  • 在碎片列表类里保存程序所需要的碎片对象
    在这里插入图片描述
package net.fzy.switchfragment;

import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.FragmentManager;

import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 利用布局资源文件设置用户界面
        setContentView(R.layout.activity_main);

        // 获取碎片管理器
        FragmentManager fm = getSupportFragmentManager();

        // 创建三个碎片，添加到碎片列表
        FragmentList.fragments.add(new FirstFragment());
        FragmentList.fragments.add(new SecondFragment());
        FragmentList.fragments.add(new ThirdFragment());

        // 在主容器里添加第一个碎片
        fm.beginTransaction().add(R.id.container, FragmentList.fragments.get(0)).commit();
    }
}
（3）修改第一个碎片界面类
  • 将new SecondFragment()改成FragmentList.fragments.get(1)
    在这里插入图片描述
（4）修改第二个碎片界面类
  • 将new ThirdFragment()改成FragmentList.fragments.get(2)
    在这里插入图片描述
（5）修改第三个碎片界面类
  • 将new FirstFragment()改成FragmentList.fragments.get(0)
    在这里插入图片描述

11、启动应用，查看效果

  • 录屏演示操作
    在这里插入图片描述
12、修改主界面类，实现手势切换碎片
package net.fzy.switchfragment;

import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.FragmentManager;

import android.os.Bundle;
import android.view.GestureDetector;
import android.view.MotionEvent;

public class MainActivity extends AppCompatActivity {

    private GestureDetector detector; // 手势侦测器

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 利用布局资源文件设置用户界面
        setContentView(R.layout.activity_main);

        // 获取碎片管理器
        FragmentManager fm = getSupportFragmentManager();

        // 创建三个碎片，添加到碎片列表
        FragmentList.fragments.add(new FirstFragment());
        FragmentList.fragments.add(new SecondFragment());
        FragmentList.fragments.add(new ThirdFragment());

        // 在主容器里添加第一个碎片
        fm.beginTransaction().add(R.id.container, FragmentList.fragments.get(0)).commit();

        // 实例化手势侦测器
        detector = new GestureDetector(new GestureDetector.OnGestureListener() {
            @Override
            public boolean onDown(MotionEvent motionEvent) {
                return false;
            }

            @Override
            public void onShowPress(MotionEvent motionEvent) {
            }

            @Override
            public boolean onSingleTapUp(MotionEvent motionEvent) {
                return false;
            }

            @Override
            public boolean onScroll(MotionEvent motionEvent, MotionEvent motionEvent1, float v, float v1) {
                return false;
            }

            @Override
            public void onLongPress(MotionEvent motionEvent) {
            }

            @Override
            public boolean onFling(MotionEvent e1, MotionEvent e2, float v, float v1) {
                // 手势往左滑动10个像素，切换到下一个碎片
                if (e1.getX() - e2.getX() > 10) {
                    // 获取返回栈条目个数
                    int count = getSupportFragmentManager().getBackStackEntryCount();
                    // 获取碎片索引
                    int index = ++count % 3;
                    // 切换碎片
                    getSupportFragmentManager().beginTransaction()
                            .addToBackStack("" + index)
                            .replace(R.id.container, FragmentList.fragments.get(index))
                            .commit();
                }
                return true;
            }
        });
    }

    /**
     * 将窗口的触摸事件交给收拾侦测器来处理
     *
     * @param event
     * @return
     */
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        return detector.onTouchEvent(event);
    }
}
13、启动应用，查看效果
  • 录屏演示操作，向左滑动，可以切换碎片
    在这里插入图片描述
安卓讲课笔记5.5 Fragment入门
howard2005的专栏
11-14 972
1. 熟悉Fragment生命周期； 2. 能正确使用Fragment切换界面
Android Studio —— fragment
01-23 1557
效果   源码   代码      MainActivity.java package com.example.application; import androidx.appcompat.app.AppCompatActivity; import androidx.fragment.app.FragmentManager; import android.os.Bundle; im
Android Studio中fragment的应用
m0_66068597的博客
06-26 2762
Fragment”（片段）一词常用于描述计算机程序中的一部分代码或功能，它通常是一段可重复使用的代码块，可以作为程序的一部分被多次调用。在Android开发中，Fragment是一个重要的概念，它是构建用户界面的可重用部分，用于将应用程序的功能划分为更小的模块，使应用程序更易于维护和测试。一个Fragment可以被多个Activity或者其他Fragments使用，也可以嵌套其他的Fragments，提高应用程序的代码可重用性和灵活性。Fragment是依赖于Activity的,不能独立存在的。
【Android Studio】学习——Fragment
最新发布
weixin_73595045的博客
11-05 2613
Fragment 是一种可以嵌入在 Android 当中的 UI 片段，它能让程序更加合理和充分地利用大屏幕的空间，因而在平板上应用得非常广泛。Fragment 和 Activity 非常像，同样可以包含布局，同样都有自己的生命周期。引入 Fragment 的目的是为了在大屏幕（如平板电脑）上能够更加动态和灵活地设计界面，被定义为一个轻量级 Activity而进行设计。
Android Studio Fragment 示例
12-20
谷歌官方示例，training中关于fragment的基础介绍，实现的是依据屏幕的大小显示不同的fragment：小屏幕同时只显示一个fragment；大屏幕两个一同显示。原版为esclipe版本的project，已转换为AS可用的，target version需要android15，如果没有的话建议先下载下sdk，不然可能会出现gradle sync fail的报错
讲课笔记01：数据分析概述
howard2005的专栏
06-12 1640
1. 了解什么是数据分析； 2. 掌握Anaconda的安装； 3. 掌握Python包的管理； 4. 学会使用Spyder； 5. 学会使用Jupyter Notebook
大数据讲课笔记1.1 安装配置CentOS
howard2005的专栏
09-13 1449
1. 能安装VMware WorkStation； 2. 能正确安装CentOS 7； 3. 能熟练配置CentOS 7； 4. 能使用FinalShell连接虚拟机
前端学习笔记：Bootstrap框架入门
howard2005的专栏
02-22 1130
利用Bootstrap框架可以快速布局，设计简洁、美观、优雅的界面，Web开发者有必要好好掌握这一优秀前端框架。当然本次讲课笔记仅仅是通过案例简单地演示了一下，大家要深入学习，可访问Bootstrap官网。
Python学习笔记9——阶段补充知识
星魂的博客
06-15 2064
文章目录前言一、Python enumerate() 函数二、代码规范2.1 名称2.2 注释2.3 todo2.4 条件嵌套1.5 简单的逻辑先处理1.6 循环1.7 变量和值三、知识补充3.1 pass3.3 位运算四、id()函数五、阶段思维导图总结 前言 由于python的小知识点非常多，在进入下一阶段的学习之前，对这一阶段的知识内容进行一下补充。 一、Python enumerate() 函数 描述 enumerate() 函数用于将一个可遍历的数据对象(如列表、元组或字符串)组合为一个索引序列
Fragment实例-Android Studio项目
08-26
Android Studio项目的Fragment实例，包括三个：简单例子，使用在平板和手机有不同效果的，实现tabs的例子。
Android Studio -Fragment
Poirot酱的博客
08-04 983
喵呜~今天来写片段了~ 点击App->New-.>Fragment->Fragment(blank)~就会出现啦（Include的两个东西不需要喔，factory methods和Interface feedbacks） 然后呢，就会有新建了Fragment.java和.xml的两个文件，到Fragmen.xml随便写点什么，background,Button,Textview
Android studio|初识Fragment
weixin_44802953的博客
05-15 1605
大家好，我是条条，这两天刚开始学Fragment，和大家分享一下吧，有什么地方说的不好，请指教~ 什么是Fragment？ Fragment直接翻译就是分段、碎片的意思，你可以把Fragment看作是一个Activity的子Activity，是一个导航栏。Fragment是在Android 3.0(API 11)后引入的，最开始应用于平板，用于解决APP适应屏幕，当然，普通尺寸的手机也可以使用Fragment。 我们会在哪看到Fragment？ 如果你用平板，打开设置可以看到，左边是设置的列表，右边是某项
android studio的fragment简单使用
sunweihao2019的博客
10-13 6277
1.静态绑定 fragment的创建： android studio创建fragment 修改成如下（为生命周期而创建） public class BlankFragment extends Fragment { private static final String TAG = "BlankFragment"; @Override public void onAttach(@NonNull Context context) { super.onAttach(con
Android Studio开发学习（十三）——Fragment
qq_41890177的博客
04-27 8227
一、前提 二、目标 三、内容 Fragment有自己的生命周期 Fragment依赖于Activity Fragment与Activity的相互获取 Fragment与Activity的多对多关系 四、总结
安卓Fragment入门
IKZWJ0516的博客
11-21 661
安卓Fragmen 主布局资源文件–activity.xml 主布局现在没有负责具体的界面设计工作，它只是提供一个容器或平台，让碎片去负责各自的界面设计。 5、 创建碎片 （1）创建第一个碎片 -基于模板创建碎片 FirstFragment - 设置碎片名称FirstFragment - 单击【finish】按钮 - 修改第一个碎片的布局资源文件-fragment_first.xml （2）创建第二个碎片 基于模板创建碎片SecondFragment 单击【finish】按钮 修改第二个碎
Android studio 中fragment的完全解析
weixin_44798044的博客
05-14 5220
转载请注明出处：http://blog.csdn.net/guolin_blog/article/details/8881711 我们都知道，Android上的界面展示都是通过Activity实现的，Activity实在是太常用了，我相信大家都已经非常熟悉了，这里就不再赘述。 但是Activity也有它的局限性，同样的界面在手机上显示可能很好看，在平板上就未必了，因为平板的屏幕非常大，手机的界面放在平板上可能会...
android studio调入fragment
dc20200829的博客
12-23 1026
import androidx.fragment.app.Fragment; 而不是import android.app.fragment
赖世雄中级讲课精华笔记分享
9. 如果这是一个IT相关课程的讲课笔记，那么可能包含诸如编程语言、软件开发、网络技术、数据库管理、项目管理、系统分析等众多主题。 10. 由于文件是一个压缩包，这意味着在使用之前需要解压缩。在解压过程中需要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值