Fragment的简单使用（切换界面）

最新推荐文章于 2024-04-18 18:38:24 发布
最新推荐文章于 2024-04-18 18:38:24 发布
阅读量1.3k 收藏 1
点赞数 1


原文   http://blog.csdn.net/fengkun123/article/details/41726005
主题  Android

最近在做一些Android的简单布局应用，以下就是我这次做的效果，自我感觉挺漂亮就拿出来给大家分享一下

首先，要定义四个FindWorkFragment,FindTalentsFragment,FindSchoolFragment,FindStudentFragment类

注意，继承的是 Fragment类（android.support.v4.app.Fragment）

由于我就做了第一个类的具体功能，所以也就拿FindWorkFragment类在展示吧

1、FindWorkFragment布局

<?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" 
  android:background="#31C4F7">
  
  <!-- 上间隙 -->
  <View 
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="10"/>
  
  <!-- 标题 -->
  <TextView 
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="30"
    android:text="找工作"
    android:textColor="#fff"
    android:textSize="40sp"
    android:gravity="center"/>
  
  <!-- 间隙 -->
  <View 
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="15"/>
  
  <!-- 姓名 -->
   <LinearLayout 
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="15"
    android:orientation="horizontal"
    >
    
    <!-- 名称 -->
    <TextView 
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="50"
      android:text="姓名："
      android:textColor="#fff"
      android:textSize="20sp"
      android:gravity="right|center_vertical"/>
    
    <!-- 间隙 -->
    <View 
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="2"/>
    <!-- 输入框 -->
    <EditText android:id="@+id/etName"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="100"
      android:hint="请输入姓名"
      android:background="#fff"
      android:gravity="left|center_vertical"
      android:paddingLeft="10dp"
      android:textSize="23sp"/>
    <!-- 间隙 -->
    <View 
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="11"/>
    
  </LinearLayout>
  
  <!-- 间隙 -->
  <View 
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="20"/>
  
  <!-- 手机号 -->
   <LinearLayout 
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="15"
    android:orientation="horizontal"
    >
    
    <!-- 名称 -->
    <TextView 
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="50"
      android:text="手机号："
      android:textColor="#fff"
      android:textSize="20sp"
      android:gravity="right|center_vertical"/>
    
    <!-- 间隙 -->
    <View 
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="2"/>
    <!-- 输入框 -->
    <EditText android:id="@+id/etPhone"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="100"
      android:hint="请输入手机号"
      android:background="#fff"
      android:gravity="left|center_vertical"
      android:paddingLeft="10dp"
      android:textSize="23sp"/>
    <!-- 间隙 -->
    <View 
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="11"/>
    
  </LinearLayout>
  
  <!-- 间隙 -->
  <View 
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="20"/>
  
  <!-- 选择工种 -->
  <LinearLayout 
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="15"
    android:orientation="horizontal"
    >
    
    <!-- 名称 -->
    <TextView 
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="50"
      android:text="选择工种："
      android:textColor="#fff"
      android:textSize="20sp"
      android:gravity="right|center_vertical"/>
    
    <!-- 间隙 -->
    <View 
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="2"/>
    <!-- 选择工种 -->
    <Spinner android:id="@+id/spType"
      android:layout_width="0dp"
      android:layout_weight="102"
      android:layout_height="match_parent"
      android:paddingLeft="10dp"
      android:textSize="23sp"
      android:prompt="@string/select">
    </Spinner>
      
    <!-- 间隙 -->
    <View 
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="10"/>
    
  </LinearLayout>
  
  <!-- 间隙 -->
  <View 
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="20"/>
  
  <!-- 发布 -->
  <LinearLayout 
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="15"
    android:orientation="horizontal">
    
    <!-- 间隙 -->
    <View 
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="1"/>
    
    <!-- 发布 -->
    <Button android:id="@+id/btnCommit"
      android:layout_width="0dp"
      android:layout_weight="4"
      android:layout_height="match_parent"
      android:text="发布"
      android:textColor="#fff"
      android:textSize="20sp"
      android:background="#E4BA3F"/>
    
    <!-- 间隙 -->
    <View 
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="1"/>

    <!-- 重置 -->
    <Button android:id="@+id/btnReset"
      android:layout_width="0dp"
      android:layout_weight="4"
      android:layout_height="match_parent"
      android:text="重置"
      android:textColor="#fff"
      android:textSize="20sp"
      android:background="#E4BA3F"/>
    
    <!-- 间隙 -->
    <View 
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="1"/>
    
  </LinearLayout>
  
  <!-- 底间隙 -->
  <View 
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="20"/>

</LinearLayout>
2、FindWorkFragment类的具体操作，里面说的很详细，我就不做解释了 
<pre name="code" class="java">package com.example.recruitget;
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.AdapterView;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Spinner;
import android.widget.Toast;

/**
 * 找工作
 * @author FenGKun
 *
 */
public class FindWorkFragment extends Fragment {

  /** 找工作 */
  private View m_vFindWorkFragment;
  /** 姓名 */
  private EditText m_etName;
  /** 电话 */
  private EditText m_etPhone;
  /** 发布 */
  private Button m_btnCommit;
  /** 重置 */
  private Button m_btnReset;
  /** 下拉列表 */
  private Spinner m_spType;
  private ArrayAdapter<String> adapter;
  /** 选项 */
  private String[] types = new String[] {"医   生","工   人","教   师","销   售","服   务"};
  
  public void onCreate(Bundle savedInstanceState) {
    // TODO Auto-generated method stub
    super.onCreate(savedInstanceState);
  }
  
  @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container,
      Bundle savedInstanceState) {
    m_vFindWorkFragment = inflater.inflate(R.layout.find_work, container,false);
    
    // 初始化变量
    initUi();
    return m_vFindWorkFragment;
  }
  
  /**
   * 初始化变量
   */
  private void initUi() {
    // 姓名
    m_etName = (EditText) m_vFindWorkFragment.findViewById(R.id.etName);
    // 电话
    m_etPhone = (EditText) m_vFindWorkFragment.findViewById(R.id.etPhone);
    // 发布
    m_btnCommit = (Button) m_vFindWorkFragment.findViewById(R.id.btnCommit);
    m_btnCommit.setOnClickListener(commit);
    // 重置
    m_btnReset = (Button) m_vFindWorkFragment.findViewById(R.id.btnReset);
    m_btnReset.setOnClickListener(reset);
    // 下拉列表
    m_spType = (Spinner) m_vFindWorkFragment.findViewById(R.id.spType);
    // 定义适配器
    adapter = new ArrayAdapter<String>(getActivity(), android.R.layout.simple_spinner_item, types);
    //设置下拉列表的风格
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        //将adapter 添加到spinner中
        m_spType.setAdapter(adapter);
        //添加事件Spinner事件监听  
        m_spType.setOnItemSelectedListener( new itemSelectedListener());
        m_spType.setVisibility(View.VISIBLE);
        m_spType.setSelection(0, true);
  }
  
  /**
   * spinner监听类
   */
  private class itemSelectedListener implements OnItemSelectedListener{

    @Override
    public void onItemSelected(AdapterView<?> parent, View view,
        int position, long id) {
    }

    @Override
    public void onNothingSelected(AdapterView<?> parent) {
      // TODO Auto-generated method stub
      
    }
    
  }
  
  /**
   * 发布事件
   */
  private View.OnClickListener commit = new View.OnClickListener() {
    
    @Override
    public void onClick(View v) {
      // TODO Auto-generated method stub
      Toast.makeText(getActivity(), "发布成功！请静静等待...", Toast.LENGTH_SHORT).show();
    }
  };
  
  /**
   * 重置事件
   */
  private View.OnClickListener reset = new View.OnClickListener() {
    
    @Override
    public void onClick(View v) {
      m_etName.setText("");
      m_etPhone.setText("");
      m_spType.setSelection(0, true);
    }
  };
  
}

3、最后就是主页操作了，首先是MainActivity布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/LinearLayout1"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  tools:context=".MainActivity" 
  android:background="#fff">

  <!-- 中间内容 -->
  <fragment android:id="@+id/fragmentPager"
    android:name="com.example.recruitget.FindWorkFragment"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="677"
    />
  
  <!-- 底部导航栏 -->
  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="73"
    android:orientation="horizontal" >
    
    <!-- 找工作 -->
    <TextView android:id="@+id/tvWork"
      android:layout_width="0dp"
      android:layout_weight="50"
      android:layout_height="match_parent"
      android:text="找工作"
      android:gravity="center"
      android:textColor="#000"
      android:background="#E4BA3F"/>
    <!-- 分割线 -->
    <View 
      android:layout_width="0dp"
      android:layout_weight="0.5"
      android:layout_height="match_parent"
      android:background="#cccccc"/>
    
    <!-- 招人才 -->
    <TextView android:id="@+id/tvTalents"
      android:layout_width="0dp"
      android:layout_weight="50"
      android:layout_height="match_parent"
      android:text="招人才"
      android:textColor="#E4BA3F"
      android:gravity="center"/>
    <!-- 分割线 -->
    <View 
      android:layout_width="0dp"
      android:layout_weight="0.5"
      android:layout_height="match_parent"
      android:background="#ccc"/>
    <!-- 找学校 -->
    <TextView android:id="@+id/tvSchool"
      android:layout_width="0dp"
      android:layout_weight="50"
      android:layout_height="match_parent"
      android:text="找学校"
      android:gravity="center"
      android:textColor="#E4BA3F"/>
    <!-- 分割线 -->
    <View 
      android:layout_width="0dp"
      android:layout_weight="0.5"
      android:layout_height="match_parent"
      android:background="#ccc"/>
    <!-- 招学生 -->
    <TextView android:id="@+id/tvStudent"
      android:layout_width="0dp"
      android:layout_weight="50"
      android:layout_height="match_parent"
      android:text="招学生"
      android:gravity="center"
      android:textColor="#E4BA3F"/>
  </LinearLayout>

</LinearLayout>
4、MainActivity类继承FragmentActivity，具体操作如下 
package com.example.recruitget;

import android.R.color;
import android.os.Bundle;
import android.app.Activity;
import android.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.view.Menu;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.TextView;

/**
 * 功能首页
 * @author FenGKun
 *
 */
public class MainActivity extends FragmentActivity {
  

  /** 找工作 */
  private TextView tv_findWork;
  /** 招人才 */
  private TextView tv_findTalents;
  /** 找学校 */
  private TextView tv_findSchool;
  /** 招学生 */
  private TextView tv_findStudent;
  /** 具体内容 */
  private android.support.v4.app.Fragment contentFragment;
  /** 管理fragment */
  private FragmentManager fragmentManager;
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    
    // 初始化数据
    initUi();
  }
  /**
   * 初始化变量
   */
  private void initUi() {
    // 找工作
    tv_findWork = (TextView) findViewById(R.id.tvWork);
    tv_findWork.setOnClickListener(itemClick);
    // 招人才
    tv_findTalents = (TextView) findViewById(R.id.tvTalents);
    tv_findTalents.setOnClickListener(itemClick);
    // 找学校
    tv_findSchool = (TextView) findViewById(R.id.tvSchool);
    tv_findSchool.setOnClickListener(itemClick);
    // 招学生
    tv_findStudent = (TextView) findViewById(R.id.tvStudent);
    tv_findStudent.setOnClickListener(itemClick);
    // fragment管理者
    fragmentManager = getSupportFragmentManager();
  }
  
  /**
   * 点击选项
   */
  private View.OnClickListener itemClick = new View.OnClickListener() {
    
    @Override
    public void onClick(View v) {
      tv_findWork.setBackgroundColor(0xffffffff);
      tv_findWork.setTextColor(0XFFE4BA3F);
      tv_findTalents.setBackgroundColor(0Xffffffff);
      tv_findTalents.setTextColor(0XFFE4BA3F);
      tv_findSchool.setBackgroundColor(0xffffffff);
      tv_findSchool.setTextColor(0XFFE4BA3F);
      tv_findStudent.setBackgroundColor(0xffffffff);
      tv_findStudent.setTextColor(0XFFE4BA3F);
      TextView textview = (TextView) v;
          textview.setBackgroundColor(0XFFE4BA3F);
          textview.setTextColor(0xff000000);
          // 开启一个Fragment事务
      FragmentTransaction transaction = fragmentManager.beginTransaction();
      switch (v.getId()) {
      // 找工作
      case R.id.tvWork:
        contentFragment = new FindWorkFragment();
        transaction.replace(R.id.fragmentPager, contentFragment);
        break;
      // 招人才
      case R.id.tvTalents:
        contentFragment = new FindTalentsFragment();
        transaction.replace(R.id.fragmentPager, contentFragment);
        break;
      // 找学校
      case R.id.tvSchool:
        contentFragment = new FindSchoolFragment();
        transaction.replace(R.id.fragmentPager, contentFragment);
        break;
      // 招学生
      case R.id.tvStudent:
        contentFragment = new FindStudentFragment();
        transaction.replace(R.id.fragmentPager, contentFragment);
        break;

      default:
        break;
      }
      transaction.commit();
    }
  };


}

其实，Fragment用起来很方便，而且他的兼容性很好，希望新手们都能学习一下！！！

奋斗的青春最美丽
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Fragment页面的切换
sinat_27681957的博客
04-16 650
在android日常开发中，经常会用到点击底部导航栏，然后多个Fragment互相切换的功能。之前做毕设的时候用到了这个功能，今天有空整理了一下，并且做了androidStudio的demo，供大家一起讨论学习。闲话不多说，直接上图，大约就是这个样子（欢迎转载，请说明来处） 主文件用来控制Ftagment的切换： public class MainActivity exte
Android开发 使用Fragment做界面切换
weixin_43188760的博客
10-15 2453
Android开发 使用Fragment做界面切换 1、准备需要切换的界面，新建fragment01、02、03，创建三个类进行界面的跳转 2、activity_main.xml <FrameLayout android:id="@+id/pager" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:text="T
【notepad附加功能】Android使用fragment实现滑动切换界面
最新发布
2401_84149765的博客
04-18 974
最后对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，从来都是我们去适应环境，而不是环境来适应我们！这里附上上述的技术体系图相关的几十套腾讯、头条、阿里、美团等公司2021年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。
实训三、用Fragment实现点击页面的切换
mlown的博客
11-01 1421
进行实训操作 前台代码 （1） 创建fragment1，插入图片1 创建fragment2，插入图片2 创建fragment3，插入图片3 创建fragment4，插入图片4 （2）主函数XML <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas..
Fragment的俩种跳转方式，有理论有范例
m0_73986294的博客
11-12 2024
现在的很多软件都要涉及多个页面的切换，这里就可以使用Fragment来做到，若使用Fragment来实现这个效果就会有一个问题，那就如何做到多个Fragment的切换，这里介绍一下Fragment的俩种切换方式，在Android中，Fragment的切换主要有两种方式：使用replace方法和使用hide/show方法。
Fragment的切换（包含动画和基本方法）
m0_74837900的博客
09-17 2094
在Activity中创建FragmentContainerView容器，一开始可以设置最初放置哪个Fragment注意：要手动去code那里给它取一个名字哦。
fragment实现隐藏及界面切换效果
01-05
 由于网络数据的加载存在于不同的界面之中，当快速的切换界面时，就会出现程序的出错。因为快速的切换时，当前界面的数据还在读取，就切换到下一个界面，下一个界面也开始加载数据，每次界面的切换都会加载数据。...
Fragment界面的切换
11-06
在onItemClick()方法中，根据点击的条目，创建对应的Fragment实例，并调用FragmentTransaction来切换界面。 5. **适配器（Adapter）** 为了让ListView显示数据，我们需要创建一个继承自BaseAdapter的自定义适配器...
Fragment界面切换
09-04
Fragment不仅可以独立存在于Activity中，还可以在不同的Activity之间进行切换，从而实现复杂的用户界面设计。本示例"Fragment界面切换"将详细讲解如何在Android应用中实现场景间的平滑过渡。 首先，我们需要理解...
Fragment+ViewPager滑动界面切换
09-04
在Android应用开发中，"Fragment+ViewPager滑动界面切换"是一种常见的实现多页面无缝滑动交互的方式。Fragment代表了屏幕上的一个可重用部分，而ViewPager则是一个可以展示多个Fragment并支持用户左右滑动切换的组件...
Activity FragmentContainerView Fragment使用技巧
kmblack1的专栏
06-08 1万+
1 问题 1.1 不建议手动管理Fragment 例如当忘记在onPause中移除时fragment时,因旋转屏幕或其它情况重新创建Activity时会导致Fragment被重复添加,屏幕出现错乱. @Override protected void onResume() { super.onResume(); fragment1 = FragmentTrees.newInstance(); getSupportFragmentManager().beginTransaction()
android切换画面,Android fragment实现多个页面切换效果
weixin_39979617的博客
05-25 298
现在的APP首页大部分屏幕的下方显示一行Tab标签选项，点击不同的标签就可以切换到不同的界面。如下图：我们之前都是用TabHost来实现，但是殊不知，TabHost并非是那么的简单，它的可扩展性非常的差，不能随意地定制Tab项显示的内容，而且运行还要依赖于ActivityGroup。ActivityGroup原本主要是用于为每一个TabHost的子项管理一个单独的Activity，但目前已经被废弃...
FragmentContainerView详解
热门推荐
challenge51all的专栏
05-15 2万+
FragmentContainerView 位于androidx.fragment.app包下面，是专门为Fragment设计的自定义布局。它扩展了FrameLayout，所以它可以可靠地处理Fragment事务，并且它还有其他功能来协调Fragment行为。FragmentContainerView应该被用作fragment的容器，通常在一个activity的xml布局中设置，例如: <androidx.fragment.app.FragmentContainerView xm
用fragment怎么引入setcontentview_用textview+线程实现自定义进度条
weixin_39695241的博客
11-27 599
文章目录1.activity_main.xml2.MianActivity前几天一个朋友问我一下图片这个进度条怎么好实现他说他的思路是progressBar+OnDraw方法绘制文字当时看到这个图，我第一个想法就是可以通过TextView，然后通过线程去动态改变控件的宽度他说没怎么明白，然后我自己就写了个demo，就顺便更到博客上总的来说呐，实现思路其实还是蛮简单，首先定义好自己想要的样式的进度条...
android fragment页面切换,Android中通过Fragment进行简单的页面切换
weixin_31292909的博客
05-27 1308
首先是activity中的布局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=".M...
android fragment页面切换,Fragment + TabLayout 实现切换页面
weixin_35958783的博客
05-27 441
今天使用Fragment + TabLayout 实现切换依赖implementation 'com.android.support:design:27.1.1' //防止版本错误xml文件布局页面，activity_main.xmlxmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.and...
Android之Fragment实现界面切换学习笔记
GodV的博客
09-04 1582
Android之Fragment实现界面切换学习笔记　　今天来实现一个简单的界面切换功能，关于页面的切换相信大家都非常熟悉，比如微信、QQ、支付宝等这些常用软件都会有界面切换功能，根据软件的要求不同，我们所设计的页面切换个数也会不同，今天我就写一个四个基本页面切换的小Demo，具体的代码功能都会在注释上写上。 　　 　　PS:如果想和是我一样的效果，记得先把系统默认的ActionBar去掉，在头
android studio 用tablayout和viewpager2实现fragment界面切换
05-28
好的，下面是实现步骤： 1. 首先在布局文件中添加TabLayout和ViewPager2控件，如下所示： ```xml android:id="@+id/tab_...以上就是使用TabLayout和ViewPager2实现Fragment界面切换的步骤，希望能对你有所帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值