android studio的fragment实现页面跳转
时间: 2023-07-28 19:50:12 浏览: 167
android用fragment实现页面滑动
要在 Android Studio 中使用 Fragment 实现页面跳转,可以按照以下步骤进行:
1. 在 Android Studio 中创建一个新的项目并打开它。
2. 在项目的 `res` 目录下创建一个新的文件夹 `layout`,在其中创建两个 XML 布局文件,分别表示两个页面。
3. 在 Java 代码中创建两个 Fragment 类,分别对应两个页面,并实现它们的布局和逻辑。
4. 在主 Activity 中创建一个布局容器(比如 FrameLayout),用于显示 Fragment。
5. 在主 Activity 中实例化两个 Fragment,并通过 FragmentTransaction 将其中一个添加到布局容器中,另一个则隐藏。
6. 在主 Activity 中实现一个切换页面的方法,通过 FragmentTransaction 将当前显示的 Fragment 隐藏,将需要显示的 Fragment 添加到布局容器中。
具体实现方式可以参考以下代码:
1. 在 `layout` 目录下创建两个 XML 布局文件:
fragment_page1.xml:
```xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="This is page 1" />
<Button
android:id="@+id/btn_switch"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Switch to page 2" />
</LinearLayout>
```
fragment_page2.xml:
```xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="This is page 2" />
<Button
android:id="@+id/btn_switch"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Switch to page 1" />
</LinearLayout>
```
2. 在 Java 代码中创建两个 Fragment 类:
Page1Fragment.java:
```java
public class Page1Fragment extends Fragment {
private Button btnSwitch;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_page1, container, false);
btnSwitch = view.findViewById(R.id.btn_switch);
btnSwitch.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
((MainActivity)getActivity()).switchFragment(new Page2Fragment());
}
});
return view;
}
}
```
Page2Fragment.java:
```java
public class Page2Fragment extends Fragment {
private Button btnSwitch;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_page2, container, false);
btnSwitch = view.findViewById(R.id.btn_switch);
btnSwitch.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
((MainActivity)getActivity()).switchFragment(new Page1Fragment());
}
});
return view;
}
}
```
3. 在主 Activity 中创建一个布局容器和两个 Fragment:
MainActivity.java:
```java
public class MainActivity extends AppCompatActivity {
private FrameLayout container;
private Page1Fragment page1Fragment;
private Page2Fragment page2Fragment;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
container = findViewById(R.id.container);
page1Fragment = new Page1Fragment();
page2Fragment = new Page2Fragment();
getSupportFragmentManager().beginTransaction()
.add(R.id.container, page1Fragment)
.hide(page2Fragment)
.commit();
}
public void switchFragment(Fragment fragment) {
getSupportFragmentManager().beginTransaction()
.hide(page1Fragment)
.hide(page2Fragment)
.show(fragment)
.commit();
}
}
```
4. 运行程序即可看到初始页面为 `Page1Fragment`,点击按钮可以切换到 `Page2Fragment`,再次点击可以切换回 `Page1Fragment`。
阅读全文