android实现点击按钮切换不同的fragment布局

本文实例为大家分享了android点击按钮切换不同布局的具体代码,供大家参考,具体内容如下

先上效果图:

如图所示,实现点击下面的按钮切换不同的fragment布局;

不说了,先上主MainActivity代码:

MainActivity.java:

package com.example.xh.twostylefragment;
import android.content.Intent;
import android.os.Bundle;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity implements View.OnClickListener{
  //定义5个fragment
  private MyFragment f1;
  private MyFragment2 f2;
  private MyFragment3 f3;
  private MyFragment4 f4;
  private MyFragment5 f5;
  //定义底部5个按钮
  private Button foot1;
  private Button foot2;
  private Button foot3;
  private Button foot4;
  private Button foot5;
  int i = 0;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    foot1 = (Button) findViewById(R.id.btn1);//注册按钮
    foot2 = (Button) findViewById(R.id.btn2);
    foot3 = (Button) findViewById(R.id.btn3);
    foot4 = (Button) findViewById(R.id.btn4);
    foot5 = (Button) findViewById(R.id.btn5);
    foot1.setOnClickListener(this);//对按钮设置监听
    foot2.setOnClickListener(this);
    foot3.setOnClickListener(this);
    foot4.setOnClickListener(this);
    foot5.setOnClickListener(this);
    //第一次初始化首页默认显示第一个fragment
    initFragment1();
  }

  //显示第一个fragment
  private void initFragment1(){
    //开启事务,fragment的控制是由事务来实现的
    FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();

    //第一种方式(add),初始化fragment并添加到事务中,如果为null就new一个
    if(f1 == null){
      f1 = new MyFragment();
      transaction.add(R.id.main_frame_layout, f1);
    }
    //隐藏所有fragment
    hideFragment(transaction);
    //显示需要显示的fragment
    transaction.show(f1);

    //第二种方式(replace),初始化fragment
//    if(f1 == null){
//      f1 = new MyFragment("首页");
//    }
//    transaction.replace(R.id.main_frame_layout, f1);

    //提交事务
    transaction.commit();
  }

  //显示第二个fragment
  private void initFragment2(){
    FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();

    if(f2 == null){
      f2 = new MyFragment2();
      transaction.add(R.id.main_frame_layout,f2);
    }
    hideFragment(transaction);
    transaction.show(f2);

//    if(f2 == null) {
//      f2 = new MyFragment("分类");
//    }
//    transaction.replace(R.id.main_frame_layout, f2);

    transaction.commit();
  }

  //显示第三个fragment
  private void initFragment3(){
    FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();

    if(f3 == null){
      f3 = new MyFragment3();
      transaction.add(R.id.main_frame_layout,f3);
    }
    hideFragment(transaction);
    transaction.show(f3);

//    if(f3 == null) {
//      f3 = new MyFragment("发现");
//    }
//    transaction.replace(R.id.main_frame_layout, f3);

    transaction.commit();
  }
  private void initFragment4(){
    FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();

    if(f4 == null){
      f4 = new MyFragment4();
      transaction.add(R.id.main_frame_layout,f4);
    }
    hideFragment(transaction);
    transaction.show(f4);

//    if(f4 == null) {
//      f4 = new MyFragment("购物车");
//    }
//    transaction.replace(R.id.main_frame_layout, f4);

    transaction.commit();
  }
  private void initFragment5(){
    FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();

    if(f5 == null){
      f5 = new MyFragment5();
      transaction.add(R.id.main_frame_layout,f5);
    }
    hideFragment(transaction);
    transaction.show(f5);

//    if(f5 == null) {
//      f5 = new MyFragment("我的);
//    }
//    transaction.replace(R.id.main_frame_layout, f5);

    transaction.commit();
  }

  //隐藏所有的fragment
  private void hideFragment(FragmentTransaction transaction){
    if(f1 != null){
      transaction.hide(f1);
    }
    if(f2 != null){
      transaction.hide(f2);
    }
    if(f3 != null){
      transaction.hide(f3);
    }
    if(f4 != null){
      transaction.hide(f4);
    }
    if(f5 != null){
      transaction.hide(f5);
    }
  }

  @Override
  public void onClick(View v) {//点击哪个按钮就显示哪个fragment;
    if(v == foot1){
      initFragment1();
    }else if(v == foot2){
      initFragment2();
    }else if(v == foot3){
      initFragment3();
    }else if(v == foot4){
      initFragment4();
    }else if(v == foot5){
      initFragment5();
    }
  }
}

大家需要创建5个fragment,还有对应的xml文件,这里我给大家展示我创建的MyFragment4.java:

package com.example.xh.twostylefragment;

    import android.os.Bundle;
    import android.support.v4.app.Fragment;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;

/**
 * Created by Administrator on 2016/7/8.
 */
public class MyFragment4 extends Fragment {
  @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View view = LayoutInflater.from(getActivity()).inflate(R.layout.shoppingcar,container,false);//用view保存shoppingcar.xml布局,大家可以
    return view;                                         //自己创建一个xml.
  }

}

差不多就是这样的了,有问题大家可以提出来。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android实现Tab布局的4种方式(Fragment+TabPageIndicator+ViewPager)

    Android现在实现Tab类型的界面方式越来越多,今天就把常见的实现方式给大家来个总结.目前写了: 1.传统的ViewPager实现 2.FragmentManager+Fragment实现 3.ViewPager+FragmentPagerAdapter实现 4.TabPageIndicator+ViewPager+FragmentPagerAdapter 1.传统的ViewPager实现 主要就是ViewPager+ViewAdapter这个还是比较常见的,就不多说了 效果图: 代码: p

  • FrameLayout和Fragment处理Android应用UI布局实例

    将Fragment与Layout结合使用,一般都是主Activity以frame填充Activity的方式交互管理Fragment : 1.由于用到getSupportFragmentManager()之类,所以主Activity的extends需为FragmentActivity: public class MainActivity extends FragmentActivity{ .......... } 2.主Activity的layout(xml文件)中建立多个Frame并定义其And

  • Android中fragment+viewpager实现布局

    本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下 1.先布局实现mian.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/

  • android实现点击按钮切换不同的fragment布局

    本文实例为大家分享了android点击按钮切换不同布局的具体代码,供大家参考,具体内容如下 先上效果图: 如图所示,实现点击下面的按钮切换不同的fragment布局: 不说了,先上主MainActivity代码: MainActivity.java: package com.example.xh.twostylefragment; import android.content.Intent; import android.os.Bundle; import android.support.v4.

  • android实现点击按钮控制图片切换

    本文实例为大家分享了android实现点击按钮控制图片切换的具体代码,供大家参考,具体内容如下 代码: class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) initView() } private fun ini

  • javascript实现点击按钮切换轮播图功能

    本文实例为大家分享了js实现点击按钮切换轮播图的具体代码,供大家参考,具体内容如下 菜单区域实现 划过主菜单显示子菜单 轮播区域实现 1.点击图片中左右箭头,分别跳转上一张与下一张 (1)点击上一张图其实就是让一个变量进行递减,点击下一张图就是让变量递增:(控制索引最大最小值) 2.点击右下角小圆也可以进行图片的跳转 (1)通过索引让变量进行随意的修改 3.每间隔3s进行轮播图的自动切换,鼠标放在图片上清除自动切换 (1)定时器 4.鼠标放在主菜单上显示子菜单,离开子菜单消失. 放在子菜单上显示

  • JavaScript实现点击按钮切换网页背景色的方法

    本文实例讲述了JavaScript实现点击按钮切换网页背景色的方法.分享给大家供大家参考,具体如下: 这里演示JavaScript用按钮随意变换背景颜色,每点击一下按钮,就可以随机改变一种网页背景颜色.颜色值事先是保存在JS的数组里,你在代码里会发现他们,若不想要某个颜色,就替换掉即可. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-btn-click-rand-bgcolor-codes/ 具体代码如下: <!DOCTYPE HTML

  • vue实现点击按钮切换背景颜色的示例代码

    用vue简单的实现点击按钮切换背景颜色,具体代码如下所示: <div class="btnTitle"> <div class="btn-bg" :class="{bg:time == 3}" @click="changeBg(3)">15天</div> <div class="btn-bg" :class="{bg:time == 4}" @c

  • javascript实现点击按钮切换图片

    本文实例为大家分享了javascript实现点击按钮切换图片的具体代码,供大家参考,具体内容如下 效果图: 首先搭建基本的结构 <div id="div"> <p id="desc"></p> <!--默认显示第一张图片--> <img src="img/1.jpg" alt="加载失败" style="width: 800px;height: 400px;&qu

  • js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码

    今天来分享一下鼠标点击按钮,图片进行切换+图片自动切换+点击左右按钮图片进行切换的三种效果的组合代码. 最后的效果如下: Html代码部分: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <met

  • Jquery幻灯片特效代码分享--鼠标点击按钮时切换(1)

    本文实例讲述了jQuery实现时尚漂亮的幻灯片特效,基本能满足你在网页上使用幻灯片(焦点图)效果.分享给大家供大家参考.具体如下: 幻灯片效果描述:用鼠标点击右下角数字按钮幻灯片进行左右切换进行切换.   运行效果截图如下: 具体实现代码: <head> <title>Jquery幻灯片焦点图插件</title> <script src="js/jquery-1.4a2.min.js" type="text/javascript&qu

  • javascript闭包的使用之按钮切换功能

    闭包实现按钮状态切换 看下面的代码: var toggleBtn = document.getElementById('toggle'); var toggleFun = (function() { var checked = true; return function() { var color = checked ? 'red' : 'white'; toggleBtn.style.backgroundColor = color; checked = !checked; }; })(); /

  • javascript点击按钮实现隐藏显示切换效果

    本文实例分享了点击按钮实现隐藏和显示的切换代码,供大家参考,具体内容如下 效果图: 在不少应用中,都有这样的功能,点击同一个按钮可以实现一个元素的显示和隐藏的切换,下面就通过代码实例介绍一下如何实现此效果,代码如下: <html> <head> <meta charset="gb2312"> <title>隐藏和显示</title> <style type="text/css"> #thediv

随机推荐