Fragment点击切换A、B页面(隐藏、显示)

该博客介绍如何通过Fragment在XML布局中实现在Main页面上无适配器的情况下,点击切换显示A、B两个子页面的效果。

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:orientation="vertical"
    tools:context="com.example.mmaster.shuju_____myapplication.MainActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="54dp"
        android:orientation="horizontal">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="首页"
            android:textSize="30sp" />

        <Button
            android:id="@+id/but_jia"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="15dp"
            android:text="+" />
    </RelativeLayout>

    <!--FrameLayout包裹按钮-->
    <FrameLayout
        android:id="@+id/frament"
        android:layout_width="match_parent"
        android:layout_height="match_parent">


        <RadioGroup
            android:id="@+id/group"
            android:layout_width="match_parent"
            android:layout_height="54dp"
            android:layout_gravity="bottom"
            android:orientation="horizontal">

            <RadioButton
                android:id="@+id/lie_biao"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:button="@null"
                android:gravity="center"
                android:text="列表" />

            <RadioButton
                android:id="@+id/xiang_qing"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:button="@null"
                android:gravity="center"
                android:text="详情" />
        </RadioGroup>
    </FrameLayout><!--FrameLayout包裹按钮-->
</LinearLayout>

Main页面  不用写适配器

package com.example.mmaster.shuju_____myapplication;

import android.os.Bundle;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.FrameLayout;
import android.widget.RadioButton;

import com.example.mmaster.shuju_____myapplication.fragment.Shou_ye_Fragment;
import com.example.mmaster.shuju_____myapplication.fragment.Xiang_qing_Fragment;


public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private Shou_ye_Fragment shou_ye_fragment;
    private Xiang_qing_Fragment xiang_qing_fragment;
    private RadioButton lie_biao;
    private RadioButton xiang_qing;
    private Button but_jia;
                            //管理者调全局
    private FragmentManager supportFragmentManager;
                            //执行者调全局
    private FragmentTransaction fragmentTransaction;
                            //调全局FrameLayout控件
    private FrameLayout frament;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        initData();
    }

    private void initData() {
        //初始化A页面(调全局)
        shou_ye_fragment = new Shou_ye_Fragment();
        //初始化B页面(调全局)
        xiang_qing_fragment = new Xiang_qing_Fragment();

        supportFragmentManager = getSupportFragmentManager();
        fragmentTransaction = supportFragmentManager.beginTransaction();
        fragmentTransaction.add(R.id.frament, shou_ye_fragment);

        fragmentTransaction.commit();


    }


    private void initView() {
        lie_biao = (RadioButton) findViewById(R.id.lie_biao);
        xiang_qing = (RadioButton) findViewById(R.id.xiang_qing);

        but_jia = (Button) findViewById(R.id.but_jia);
        but_jia.setOnClickListener(this);
        lie_biao.setOnClickListener(this);
        xiang_qing.setOnClickListener(this);
        frament = (FrameLayout) findViewById(R.id.frament);
        frament.setOnClickListener(this);
    }


    @Override
    public void onClick(View v) {

        switch (v.getId()) {
            case R.id.lie_biao:
                                 //管理者         执行者          //替换                                   //提交
                getSupportFragmentManager().beginTransaction().replace(R.id.frament, shou_ye_fragment).commit();
                break;
            case R.id.xiang_qing:
                              //管理者         执行者             //替换                                   //提交
                getSupportFragmentManager().beginTransaction().replace(R.id.frament, xiang_qing_fragment).commit();

                break;
            case R.id.but_jia:
                break;
        }

    }
}




  
  
  
抱歉,我作为一个语言模型,无法提供图片输出。但是,我可以为您提供实现该功能的大致步骤和代码示例。 1. 创建一个HorizontalScrollView的子类,用于实现侧滑菜单: ```java public class SlidingMenu extends HorizontalScrollView { private int mMenuWidth; //菜单栏的宽度 private boolean isOpen; //菜单栏是否已经展开 public SlidingMenu(Context context, AttributeSet attrs) { super(context, attrs); //初始化菜单栏的宽度 WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE); DisplayMetrics outMetrics = new DisplayMetrics(); wm.getDefaultDisplay().getMetrics(outMetrics); mMenuWidth = outMetrics.widthPixels * 3 / 5; } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { //设置菜单栏的宽度 View menu = getChildAt(0); menu.getLayoutParams().width = mMenuWidth; super.onMeasure(widthMeasureSpec, heightMeasureSpec); } @Override protected void onLayout(boolean changed, int l, int t, int r, int b) { super.onLayout(changed, l, t, r, b); //将菜单栏隐藏起来 if (changed) { this.scrollTo(mMenuWidth, 0); } } //展开菜单栏 public void openMenu() { if (!isOpen) { this.smoothScrollTo(0, 0); isOpen = true; } } //隐藏菜单栏 public void closeMenu() { if (isOpen) { this.smoothScrollTo(mMenuWidth, 0); isOpen = false; } } //切换菜单栏的展开状态 public void toggleMenu() { if (isOpen) { closeMenu(); } else { openMenu(); } } } ``` 2. 在布局文件中使用SlidingMenu控件,并添加菜单项和按钮: ```xml <com.example.slidingmenu.SlidingMenu android:id="@+id/sliding_menu" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="wrap_content" android:layout_height="match_parent" android:orientation="vertical"> <ImageView android:layout_width="match_parent" android:layout_height="wrap_content" android:src="@drawable/ic_menu_header"/> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="菜单项1" android:padding="10dp" android:onClick="onClickMenuItem"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="菜单项2" android:padding="10dp" android:onClick="onClickMenuItem"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="菜单项3" android:padding="10dp" android:onClick="onClickMenuItem"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="菜单项4" android:padding="10dp" android:onClick="onClickMenuItem"/> </LinearLayout> <View android:layout_width="match_parent" android:layout_height="1dp" android:background="#CCCCCC"/> <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="10dp"> <ImageView android:id="@+id/btn_close" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_close"/> <ImageView android:id="@+id/btn_qrcode" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:src="@drawable/ic_qrcode"/> </RelativeLayout> </LinearLayout> </com.example.slidingmenu.SlidingMenu> ``` 3. 在Activity中添加按钮监听器,实现菜单的展开和隐藏: ```java public class MainActivity extends AppCompatActivity { private SlidingMenu mSlidingMenu; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mSlidingMenu = findViewById(R.id.sliding_menu); //添加“菜单”按钮的监听器 Button btnMenu = findViewById(R.id.btn_menu); btnMenu.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { mSlidingMenu.toggleMenu(); } }); //添加“关闭”按钮的监听器 ImageView btnClose = findViewById(R.id.btn_close); btnClose.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { mSlidingMenu.closeMenu(); } }); //添加“二维码”按钮的监听器 ImageView btnQrcode = findViewById(R.id.btn_qrcode); btnQrcode.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { mSlidingMenu.closeMenu(); //跳转到二维码页面 Intent intent = new Intent(MainActivity.this, QrcodeActivity.class); startActivity(intent); } }); } //菜单项的点击事件 public void onClickMenuItem(View view) { TextView tv = (TextView) view; String itemName = tv.getText().toString(); Toast.makeText(this, "点击了菜单项:" + itemName, Toast.LENGTH_SHORT).show(); mSlidingMenu.closeMenu(); } } ``` 4. 在主页面中使用Fragment实现页面切换: ```java public class MainActivity extends AppCompatActivity { private SlidingMenu mSlidingMenu; private Fragment1 mFragment1; private Fragment2 mFragment2; private Fragment3 mFragment3; private Fragment4 mFragment4; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mSlidingMenu = findViewById(R.id.sliding_menu); //添加“菜单”按钮的监听器 Button btnMenu = findViewById(R.id.btn_menu); btnMenu.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { mSlidingMenu.toggleMenu(); } }); //添加“关闭”按钮的监听器 ImageView btnClose = findViewById(R.id.btn_close); btnClose.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { mSlidingMenu.closeMenu(); } }); //添加“二维码”按钮的监听器 ImageView btnQrcode = findViewById(R.id.btn_qrcode); btnQrcode.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { mSlidingMenu.closeMenu(); //跳转到二维码页面 Intent intent = new Intent(MainActivity.this, QrcodeActivity.class); startActivity(intent); } }); //初始化Fragment mFragment1 = new Fragment1(); mFragment2 = new Fragment2(); mFragment3 = new Fragment3(); mFragment4 = new Fragment4(); //默认显示第一个Fragment getSupportFragmentManager().beginTransaction().replace(R.id.fragment_container, mFragment1).commit(); //添加四个按钮的监听器,实现页面切换 Button btn1 = findViewById(R.id.btn_1); btn1.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { getSupportFragmentManager().beginTransaction().replace(R.id.fragment_container, mFragment1).commit(); } }); Button btn2 = findViewById(R.id.btn_2); btn2.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { getSupportFragmentManager().beginTransaction().replace(R.id.fragment_container, mFragment2).commit(); } }); Button btn3 = findViewById(R.id.btn_3); btn3.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { getSupportFragmentManager().beginTransaction().replace(R.id.fragment_container, mFragment3).commit(); } }); Button btn4 = findViewById(R.id.btn_4); btn4.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { getSupportFragmentManager().beginTransaction().replace(R.id.fragment_container, mFragment4).commit(); } }); } //菜单项的点击事件 public void onClickMenuItem(View view) { TextView tv = (TextView) view; String itemName = tv.getText().toString(); Toast.makeText(this, "点击了菜单项:" + itemName, Toast.LENGTH_SHORT).show(); mSlidingMenu.closeMenu(); } } ``` 以上是大致的实现步骤和代码示例。由于没有素材和布局细节,可能会存在一些问题。如果您在实现过程中遇到了问题,可以在评论区提问,我会尽力帮助您解决。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值