（一）前言

本博客所有Demo来源于网课点击打开链接，供自己学习使用，侵删。

本文章紧接上一篇学习笔记，在上一篇笔记当中，初步的了解了Fragment的一些知识，我们知道Fragment是为了让程序适配平板、手机，让界面能够显示更多的内容，在本篇博客当中，我们将尝试着完成一个Android App，实现手机的竖屏横屏显示。在竖屏情况下，显示FragmentA，通过点击跳转到另外一个FragmentB，而在横屏显示情况下，屏幕同时显示两个Fragment，点击FragmentA中的内容，FragmentB进行显示

（二）效果展示

（三）代码实现

首先实现FragmentA以及FragmentB

FragmentA采用上一篇博客讲到的ListFragment

其中有两个Fragment相互通信的接口类用于选择城市

FragmentB则是一般的Fragment，用于显示一个TextView

首先设计手机竖屏的布局，第一个页面是一个ListFragment-FragmentA

第二个页面是FragmentB，用于显示被选中的内容

第三个页面放置一个TextView用于显示选中信息。

接着设计手机横屏布局，要求在一个屏幕里放置两个Fragment，使得在FragmentA中选取的信息在FragmentB中显示：通过设置权重，FragmentA占取整个页面的百分之30，FragmentB占取整个页面的70%

为了方便区分两个Fragment所在的区域，我们将背景进行染色

布局设计完成后，需要对逻辑部分进行代码的编写，首先实现MainActivity，值得一提的是虽然横屏以及竖屏的布局都命名为activity_main，但是系统会自动根据你当前的状态，选择其应该显示的布局文件。

然后实现SelectCity函数，如果当前是竖屏，则跳转到新的界面，如果当前是横屏，则在FragmentB中进行显示

这里面稍微有一点复杂的地方在于FragmentB是如何从FragmentA中获得点击选取的city信息的，在这里需要从一开始整理一遍逻辑：

首先我们有一个SelectedCityListener这一个接口类，接口类中有一个SelectCity方法，但是我们在该类中并没有进行实现。

然后我们FragmentA为一个ListFragment，我们重写了onListItemClick函数，当对ListFragment中的内容进行点击的时候变调用我们接口当中的selectCity方法，但此时仍然未实现该方法。

终于我们来到了MainActivity，并选择在这里实现selectCity方法，我们首先设置了监听，一旦当我们点击ListFragment当中的内容，我们便调用listener.selectCity（data[position]），将position作为数组下标，得到对应的city值，然后作为参数调用该函数，并在该函数中调用了FragmentB的setText方法，将TextView的内容设置为传进来的参数即FragmentA的点击项目，就这样完成了整个过程。

整个项目我们还差一个activity还没有实现，就是当手机为竖屏的时候会跳转到另外一个页面，也就是CityActivity当中

至此整个项目算是彻底完成了，运行之后便可以得到之前的展示的结果

（四）总结

本篇博客实现了在一个页面当中显示出两个Fragment，通过实现自定义的接口类，将其中一个ListFragment的内容传递给另外一个Fragment使其进行显示。横屏模式下的Demo已经有一点导航栏的样子了（通过对ListFragment的点击切换了FragmentB的内容），而导航栏的具体实现将在下一篇博客当中讲到。