Android studio之碎片练习

本文介绍如何在Android Studio中实现横屏显示并分割屏幕为两个Fragment,左侧Fragment为蓝色,显示'左侧Fragment'文本及一个'HELLO'按钮;右侧Fragment为红色,显示'右侧的Fragment'文本。点击'HELLO'按钮后,右侧文本更改为'Yes'。涉及到的布局文件包括主布局、左布局和右布局,以及对应的Java代码实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

要求:
1.将布局置为横屏,在屏幕中横向放置2个Fragment。且每个各占屏幕的一半。
2.其中左侧的Fragment为蓝色,顶端有一个白色的内容为:“左侧Fragment”文本,字的大小为24相对单位。
3.在文本的下方中央有一个标题为“HELLO”的按钮。
3.右侧的Fragment为红色,顶端有一个黑色的文本,内容为:“右侧的Fragment”,字的大小为24个相对单位。
4.当单击“Hello”按钮时,右侧Fragment上的文本变为:“Yes”。

.主布局.xml:

<?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="horizontal">
                <fragment
                    android:id="@+id/fragment1"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:name="com.example.fragment.top_left"/>
                <fragment
                    android:id="@+id/fragment2"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:name="com.example.fragment.top_right"/>
        </LinearLayout>


左布局.xml:

<?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="#00FFdd">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="左侧Fragment"
        android:layout_gravity="center_horizontal"
        android:textColor="#FFFFFF"
        android:textSize="24sp"/>
<Button
    android:id="@+id/button1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:text="Hello"/>
</LinearLayout>

右布局.xml:

<?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="#FF00">
<TextView
    android:id="@+id/textView_right"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:textSize="24sp"
    android:textColor="#000000"
    android:text="右侧的Fragment"/>
</LinearLayout>

左布局.java:

package com.example.fragment;

import android.app.Fragment;
import android.support.annotation.Nullable;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.TextView;

public class top_left extends Fragment{
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater,
                             @Nullable ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.activity_top_left,container,false);
        return view;
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        Button button=(Button)getActivity().findViewById(R.id.button1);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                TextView tv=(TextView)getActivity().findViewById(R.id.textView_right);
                tv.setText("Yes");
            }
        });
    }
}

右布局.java:

package com.example.fragment;

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

public class top_right extends Fragment{
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater,
                             @Nullable ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.activity_top_right,container,false);
        return view;
    }
}

在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值