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

上传自己做的网站淘宝店铺转让价格表

上传自己做的网站,淘宝店铺转让价格表,柳州seo关键词优化,中秋节网页设计素材在本教程中,我们将使用 Android 中的 Fragment 技术,实现一个简单的“水果信息展示”应用。 左边是水果按钮列表,右边是对应水果的图文详情页面,点击任意按钮即可切换展示内容。 🌟 准备工作(一定要看!&am…

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

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


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

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

2. 创建一个接口 IChangeFruitListener

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

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

✨ 功能简介

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

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

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

  • 练习了 ActivityFragment 之间的通信,以及 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://www.dtcms.com/wzjs/5588.html

相关文章:

  • 网站开发百灵鸟深圳产品网络推广
  • 文教设施网站制作方案百度推广方案
  • wordpress versionseo搜索引擎优化怎么做
  • 我想采集散文 做网站seo技术分享免费咨询
  • 大连微信网站制作域名注册购买
  • 网站做直播需要办理什么证泰安百度推广公司
  • 建设网站需要体现的流程有哪些数据分析培训机构哪家好
  • 如何做家居网站百度竞价代运营托管
  • 一般做网站需要什么框架郑州做网站推广哪家好
  • 网站开发项目需求分析说明书成品网站源码
  • 福田做商城网站建设哪家便宜营销策划精准营销
  • 网站恶意镜像舆情视频
  • 外贸b2c网站建设服务智慧软文网
  • 网页翻译功能在哪便宜的seo官网优化
  • 网站开发行业竞争快速网站推广公司
  • wap建设网站seo实战优化
  • 电商一共有什么平台保定seo推广外包
  • 毛坯房最便宜装修方法优化人员配置
  • 移动网站建设作业电商运营推广
  • 网站建设与电子商务的教案中国十大网站
  • 四川电子商务网站webview播放视频
  • 外贸英文网站建设价格太原百度搜索排名优化
  • 网站建设规划方案模板seo中心
  • 网站系统架构图汕头网站建设方案推广
  • 做废钢铁生意在哪个网站了解百度注册新账号
  • wordpress新建页面不能保存路径seo营销方案
  • jquery代码做的网站徐州网站关键词排名
  • 开源软件开发平台网站seo排名优化
  • 统一汤达人选择她做汤面活动网站成免费crm软件有哪些优点
  • 福州做网站互联网公司百度网址大全官方下载