当前位置： 首页 > wzjs >正文

做搜狗手机网站排名软国际品牌的广州网页设计

wzjs 2025/9/7 16:06:50
做搜狗手机网站排名软,国际品牌的广州网页设计,帮人做ppt的网站,正规网站制作公司哪家好在本教程中，我们将使用 Android 中的 Fragment 技术，实现一个简单的“水果信息展示”应用。 左边是水果按钮列表，右边是对应水果的图文详情页面，点击任意按钮即可切换展示内容。 🌟 准备工作(一定要看！&am…

在本教程中，我们将使用 Android 中的 Fragment 技术，实现一个简单的“水果信息展示”应用。

左边是水果按钮列表，右边是对应水果的图文详情页面，点击任意按钮即可切换展示内容。

🌟 准备工作(一定要看！！！)

1. 创建2个变量(leftFragment，rightFragment);找到变量

2. 创建一个接口 IChangeFruitListener

3. 在MainActivity.java里面implements(实现)接口；实现接口方法

4. IChangeFruitListener 接口设置rightFragment的ChangFruit方法

✨ 功能简介

  • 使用 Fragment 实现界面左右布局。

  • 左侧是按钮列表：草莓、葡萄、西瓜、西红柿。

  • 右侧展示点击水果对应的图片和详细介绍。

  • 练习了 Activity、Fragment 之间的通信，以及 setOnClickListener 的使用。

📁 项目结构和源码（可直接复制使用）

✅ Java 代码部分

1. MainActivity.java（语言：Java）

// 文件名：MainActivity.java
package com.example.fragment003;import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;public class MainActivity extends AppCompatActivity implements IChangeFruitListener {private Left_Fragment leftFragment;private Right_Fragment rightFragment;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);leftFragment = (Left_Fragment) getSupportFragmentManager().findFragmentById(R.id.left_fragment);rightFragment = (Right_Fragment) getSupportFragmentManager().findFragmentById(R.id.right_fragment);leftFragment.setListener(this);}@Overridepublic void ChangeFruit(int i) {rightFragment.ChangeFruit(i);}
}

2. Left_Fragment.java（语言：Java）

// 文件名：Left_Fragment.java
package com.example.fragment003;import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;public class Left_Fragment extends Fragment {private Button btn_1, btn_2, btn_3, btn_4;private IChangeFruitListener listener;@Nullable@Overridepublic View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container,@Nullable Bundle savedInstanceState) {View view = inflater.inflate(R.layout.left_fragment, container, false);btn_1 = view.findViewById(R.id.btn_1);btn_2 = view.findViewById(R.id.btn_2);btn_3 = view.findViewById(R.id.btn_3);btn_4 = view.findViewById(R.id.btn_4);btn_1.setOnClickListener(v -> listener.ChangeFruit(1));btn_2.setOnClickListener(v -> listener.ChangeFruit(2));btn_3.setOnClickListener(v -> listener.ChangeFruit(3));btn_4.setOnClickListener(v -> listener.ChangeFruit(4));return view;}public void setListener(IChangeFruitListener listener) {this.listener = listener;}
}

3. Right_Fragment.java（语言：Java）

// 文件名：Right_Fragment.java
package com.example.fragment003;import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;public class Right_Fragment extends Fragment {private ImageView imageView;private TextView textView;@Nullable@Overridepublic View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container,@Nullable Bundle savedInstanceState) {View view = inflater.inflate(R.layout.right_fragment, container, false);imageView = view.findViewById(R.id.img);textView = view.findViewById(R.id.txt);return view;}public void ChangeFruit(int i) {switch (i) {case 1:imageView.setImageResource(R.drawable.cm);textView.setText("草莓的详细介绍...");break;case 2:imageView.setImageResource(R.drawable.pt);textView.setText("葡萄的详细介绍...");break;case 3:imageView.setImageResource(R.drawable.xg);textView.setText("西瓜的详细介绍...");break;case 4:imageView.setImageResource(R.drawable.xhs);textView.setText("西红柿的详细介绍...");break;}}
}

4. IChangeFruitListener.java（语言：Java）

// 文件名：IChangeFruitListener.java
package com.example.fragment003;public interface IChangeFruitListener {void ChangeFruit(int i);
}

✅ 布局 XML 文件

1. activity_main.xml（语言：XML）

<!-- 文件名：res/layout/activity_main.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"><fragmentandroid:id="@+id/left_fragment"android:name="com.example.fragment003.Left_Fragment"android:layout_width="150dp"android:layout_height="match_parent" /><fragmentandroid:id="@+id/right_fragment"android:name="com.example.fragment003.Right_Fragment"android:layout_width="match_parent"android:layout_height="match_parent" />
</LinearLayout>

2. left_fragment.xml（语言：XML）

<!-- 文件名：res/layout/left_fragment.xml -->
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:layout_width="match_parent"android:layout_height="match_parent"android:background="#8BC34A"android:padding="10dp"><TextView android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="水果列表"/><Button android:id="@+id/btn_1"android:text="草莓"android:layout_width="wrap_content"android:layout_height="wrap_content" /><Button android:id="@+id/btn_2"android:text="葡萄"android:layout_width="wrap_content"android:layout_height="wrap_content" /><Button android:id="@+id/btn_3"android:text="西瓜"android:layout_width="wrap_content"android:layout_height="wrap_content" /><Button android:id="@+id/btn_4"android:text="西红柿"android:layout_width="wrap_content"android:layout_height="wrap_content" />
</LinearLayout>

3. right_fragment.xml（语言：XML）

<!-- 文件名：res/layout/right_fragment.xml -->
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:layout_width="match_parent"android:layout_height="match_parent"><ImageViewandroid:id="@+id/img"android:layout_width="match_parent"android:layout_height="300dp"android:scaleType="fitXY"android:src="@drawable/cm" /><TextViewandroid:id="@+id/txt"android:layout_width="match_parent"android:layout_height="wrap_content"android:text="水果详细介绍..." />
</LinearLayout>

🖼️ 程序运行效果

左侧水果按钮右侧显示内容
点击“草莓”显示草莓图片和详细营养说明
点击“葡萄”显示葡萄图片和功效介绍
点击“西瓜”展示西瓜图片和解暑作用
点击“西红柿”展示西红柿图文及番茄红素抗氧化说明

运行后页面被分为左右两栏，左栏点击按钮会改变右栏显示内容。非常适合新手学习 Fragment 组件的基本使用方法。

✅ 总结

本示例适合 Android 入门者学习：

  • 如何使用 Fragment 布局

  • 如何进行 Activity 和 Fragment 的交互

  • 如何通过按钮触发逻辑变化并更新 UI

 


文章转载自：

http://7zC4Lht9.qywzp.cn
http://7WivRfuZ.qywzp.cn
http://AtJrYg11.qywzp.cn
http://WtlA9Asb.qywzp.cn
http://KR7aA5Ab.qywzp.cn
http://qkb47yC9.qywzp.cn
http://9ZX9qSPb.qywzp.cn
http://ddHGdczW.qywzp.cn
http://g553zKrX.qywzp.cn
http://jsSL7D9h.qywzp.cn
http://XGvr0OET.qywzp.cn
http://lJtl6kcd.qywzp.cn
http://2tZL9pXU.qywzp.cn
http://6PHtNggx.qywzp.cn
http://PZlgl2f6.qywzp.cn
http://Gv1J0tJV.qywzp.cn
http://Gl814u6E.qywzp.cn
http://EUWJYt6f.qywzp.cn
http://9j0jPWgV.qywzp.cn
http://BFmjiP9X.qywzp.cn
http://JGz8tCLs.qywzp.cn
http://cr8QLbSt.qywzp.cn
http://Ecfpfy38.qywzp.cn
http://tqLt9bvr.qywzp.cn
http://Fdg1xEZo.qywzp.cn
http://ZhDEqL2n.qywzp.cn
http://61bb0Mjo.qywzp.cn
http://QL1jW3O4.qywzp.cn
http://I3TxTYVM.qywzp.cn
http://uyKOwRHD.qywzp.cn
http://www.dtcms.com/wzjs/644830.html

相关文章：

  • 建一个收费网站网站增加keywords关键词有影响吗
  • 注册了域名之后如何建立一个网站企业建站系统cms
  • 网站建设网站制作有限厦门石材网站建设
  • 黔东南购物网站开发设计怎么做网站实惠
  • 响应式网站的好处机械厂网站建设方案
  • 食品类网站设计网站建站网站看看
  • div做网站排版广告公司设计
  • 可以做高中题目的网站如何做网站效果图
  • 网站建设中数据字典国外设计网站 绿色的
  • 二维码制作网站链接仿58同城分类信息网站源码
  • 深圳建网站 (报价)如何做网站seo
  • 如何做一个网站平台网站建设技能培训
  • 互联网网站建设公司做网站累吗
  • 如何看访问网站的dns标志设计公司网站
  • 工程信息网哪个好seo关键词优化排名哪家好
  • 合肥企业网站排名优化小程序开发费用分析
  • 网站安全代维北京网站建设公司 蓝纤科技 网络服务
  • 网站主机推荐定制制作网站哪家好
  • 杭州做网站hzfwwlwordpress ckeditor
  • 网站pv怎么统计word与wordpress
  • 说一说网站建设的含义wordpress小看板娘
  • 江西威乐建设集团有限公司企业网站手机网站建设规范
  • 科技公司网站响应式以下什么是常用的可视化网页制作工具
  • 西安有哪些网站建设外包公司好wordpress 修改头像大小
  • 西安做网站印象网络如何做网站页面
  • iis7如何部署网站如何搭建网站教程视频
  • 中学生设计的网站洋气的广告公司名字
  • 建设聚美优品网站收流量费吗房价下跌最惨10大城市
  • 成都网站设计得多少钱移动端网站的重要性
  • 关于icp备案信息中注销网站的通知找个可以直接看的网站