<?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:padding="16dp"> <EditText android:id="@+id/et_height" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="身高（米）" android:inputType="numberDecimal" /> <EditText android:id="@+id/et_weight" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="体重（千克）" android:inputType="numberDecimal" /> <Button android:id="@+id/btn_calculate" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="计算BMI" /> <TextView android:id="@+id/tv_result" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="16dp" android:textSize="18sp" /> </LinearLayout>

时间: 2023-12-05 10:29:58 浏览: 70

Android中的ViewPager视图滑动切换类的入门实例教程

在Android开发中，ViewPager是一个非常重要的组件，它允许用户通过左右滑动来切换不同的视图。通常，ViewPager结合Fragments一起使用，以实现更复杂的界面交互。本教程将引导你了解如何在Android应用中实现一个基础的ViewPager视图滑动切换实例。 **一、ViewPager的引入** 在Android项目中引入ViewPager。ViewPager是Android Support Library的一部分，因此需要在布局文件中引用`android.support.v4.view.ViewPager`组件。以下是一个简单的例子： ```xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="fill_parent" android:layout_height="fill_parent" tools:context="com.example.testviewpage_1.MainActivity" > <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" /> </RelativeLayout> ``` 在这个例子中，ViewPager被放在了相对布局的中心位置。 **二、创建滑动切换的视图** 为了实现视图的切换，我们需要为每个视图创建一个布局文件。例如，我们创建三个布局文件（layout1.xml, layout2.xml, layout3.xml），每个布局文件对应一个不同的背景颜色，表示不同的视图。这些布局文件可以包含任何你想要展示的UI元素。 **三、代码实现** 接下来，我们通过Java代码来填充ViewPager并设置适配器。适配器负责为ViewPager提供要显示的页面。在这里，我们将使用`FragmentPagerAdapter`，因为ViewPager通常与Fragments配合使用。 ```java public class MainActivity extends AppCompatActivity { private ViewPager viewPager; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); viewPager = findViewById(R.id.viewpager); // 创建并设置适配器 viewPager.setAdapter(new MyPagerAdapter(getSupportFragmentManager())); } // 自定义适配器 public class MyPagerAdapter extends FragmentPagerAdapter { public MyPagerAdapter(FragmentManager fm) { super(fm); } // 返回ViewPager的页面数量 @Override public int getCount() { return 3; } // 创建并返回每个页面的Fragment实例 @Override public Fragment getItem(int position) { switch (position) { case 0: return new PageFragment1(); case 1: return new PageFragment2(); case 2: return new PageFragment3(); default: return null; } } } } ``` 在这个例子中，我们创建了一个名为`MyPagerAdapter`的适配器类，继承自`FragmentPagerAdapter`。`getCount()`方法返回页面的数量，`getItem(int position)`方法根据位置返回相应的Fragment实例。为了展示不同的视图，我们需要为每个页面创建一个Fragment子类，如`PageFragment1`, `PageFragment2`, 和 `PageFragment3`。每个Fragment子类会加载对应的布局文件。 **四、Fragment的实现** 每个Fragment子类需要重写`onCreateView()`方法来加载对应的布局。例如： ```java public class PageFragment1 extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { return inflater.inflate(R.layout.layout1, container, false); } } // 对PageFragment2和PageFragment3做类似处理 ``` **五、自定义指示器（可选）** 默认情况下，ViewPager没有视觉上的指示器来显示当前页面。如果你需要这样的指示器，可以自定义一个，比如使用ImageView或CircleIndicator库。至此，一个基本的ViewPager滑动切换实例就完成了。用户可以通过左右滑动在三个页面之间自由切换，每个页面由一个Fragment承载，显示各自的布局内容。这个基础的实例只是冰山一角，实际上，ViewPager还有许多高级特性，如添加动画效果、监听页面切换事件等，可以根据实际需求进行扩展。

这是一个 Android 布局文件，其中包含一个垂直方向的线性布局，内部包含两个编辑框和一个按钮，用于计算身体质量指数（BMI），还有一个用于显示结果的文本视图。其中第一个编辑框的 ID 是 et_height，用于输入身高，第二个编辑框的 ID 是 et_weight，用于输入体重，按钮的 ID 是 btn_calculate，用于触发计算 BMI 的操作，结果将在文本视图 tv_result 中显示。

阅读全文

相关推荐

Android：FragmentTabhost替代传统Tabhost提升开发效率

Android XML定义Shape教程：绘制圆形与方形

<?xml version="1.0" encoding="utf-8"?> <TextView

下面这段代码的作用<?xml version="1.0" encoding="utf-8"?>

<?xml version="1.0" encoding="utf-8"?> <ImageView android:id="@+id/zj" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/bg"/>

<?xml version="1.0" encoding="utf-8"?> <androidx.viewpager.widget.PagerTabStrip android:id="@+id/vp" android:layout_width="match_parent" android:layout_height="match_parent" /> 添加TabLayout组件

<?xml version="1.0" encoding="utf-8"?>

Android UI设计：渐变背景、进度条与圆角边框

Android应用开发深入：XML设计菜单与GUI构建

基于WoodandBerry1和非耦合控制WoodandBerry2来实现控制木材和浆果蒸馏柱控制Simulink仿真.rar

最新推荐

Android悬浮窗按钮实现点击并显示/隐藏多功能列表

Android GridView实现横向列表水平滚动

基于WoodandBerry1和非耦合控制WoodandBerry2来实现控制木材和浆果蒸馏柱控制Simulink仿真.rar

(源码)基于Spring Boot框架的用户管理系统.zip

基于springboot企业员工薪酬管理系统源码数据库文档.zip

深入浅出：自定义 Grunt 任务的实践指南

管理建模和仿真的文件

数据可视化在缺失数据识别中的作用

ABB机器人在自动化生产线中是如何进行路径规划和任务执行的？请结合实际应用案例分析。

网络物理突变工具的多点路径规划实现与分析