Google官方Fragment页面框架Navigation和XPage开源框架的使用对比

朴灿烈づ我的快乐病毒、 2022-12-12 01:59 225阅读 0赞

## 视频介绍 ##

XPage页面框架入门介绍

## 简介 ##

*  Navigation简介

AndroidJetpack组件。Google官方对它的描述：

> 今天，我们宣布推出Navigation组件，`作为构建您的应用内界面的框架，重点是让单 Activity 应用成为首选架构`。利用Navigation组件对 Fragment 的原生支持，您可以获得架构组件的所有好处（例如生命周期和 ViewModel），同时让此组件为您处理 FragmentTransaction 的复杂性。此外，Navigation组件还可以让您声明我们为您处理的转场。它可以自动构建正确的“向上”和“返回”行为，包含对深层链接的完整支持，并提供了帮助程序，用于将导航关联到合适的 UI 小部件，例如抽屉式导航栏和底部导航。

*  XPage简介

一个非常方便的fragment页面框架，X-Library系列重要组件。设计的初衷是希望能做一个通用的Activity作为壳，Fragment作为页面填充展示，并且能够实现自由的切换和数据交互, [点击了解XPage更多内容][XPage].

--------------------

## 特性对比 ##

<table> 
 <thead> 
  <tr> 
   <th align="left">对比特性</th> 
   <th align="center">Navigation</th> 
   <th align="center">XPage</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">注册方式</td> 
   <td align="center">XML注册</td> 
   <td align="center">json或者@Page注册</td> 
  </tr> 
  <tr> 
   <td align="left">参数传递</td> 
   <td align="center">动态/静态都支持</td> 
   <td align="center">动态/静态都支持</td> 
  </tr> 
  <tr> 
   <td align="left">页面切换动画</td> 
   <td align="center">动态支持</td> 
   <td align="center">动态/静态都支持</td> 
  </tr> 
  <tr> 
   <td align="left">容器占位数</td> 
   <td align="center">支持多个占位</td> 
   <td align="center">仅支持一个占位</td> 
  </tr> 
  <tr> 
   <td align="left">便捷性</td> 
   <td align="center">每次都需要编写navigation导航</td> 
   <td align="center">无需重复性代码，一个@Page注解搞定</td> 
  </tr> 
  <tr> 
   <td align="left">功能性</td> 
   <td align="center">强大，支持多种使用方式</td> 
   <td align="center">强大，提供多种常用组件和API</td> 
  </tr> 
  <tr> 
   <td align="left">拓展性</td> 
   <td align="center">优秀，方便拓展</td> 
   <td align="center">因为追求便捷性，因此牺牲了部分拓展性</td> 
  </tr> 
  <tr> 
   <td align="left">目标</td> 
   <td align="center">去除Activity</td> 
   <td align="center">去除Activity</td> 
  </tr> 
  <tr> 
   <td align="left">生态</td> 
   <td align="center">AndroidJetpack全家桶，Google官方出品</td> 
   <td align="center">生态相对薄弱，但是也有X-Library系列支持</td> 
  </tr> 
 </tbody> 
</table>

通过上面表格的对比可以看出，这两个框架各有特色。

*  Navigation侧重拓展性，适合中大型项目，方便项目的维护和拓展。
 *  XPage侧重便捷性，适合中小型项目，快速开发，尤其适合新手、学生党和自由开发等独立开发者。

--------------------

## 使用对比 ##

> 以下我仅从集成和页面跳转两个方面进行简单的使用比较，更多使用内容可以参阅本项目源码。项目地址: [https://github.com/xuexiangjys/Navigation\_XPage][https_github.com_xuexiangjys_Navigation_XPage]

### 集成 ###

*  Navigation

由于是Google出品，所有非常方便，只需要你创建项目(New Project)的时候，选择"Basic Activity"的选项，工程会自动帮你增加Navigation的依赖。如下图:

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZXhpYW5nanlz_size_16_color_FFFFFF_t_70_pic_center]

如果你不想创建新的项目，也很简单，只需要在项目中增加如下依赖：

dependencies {
        ...
        implementation 'androidx.navigation:navigation-fragment:2.3.0'
        implementation 'androidx.navigation:navigation-ui:2.3.0'
    }

*  XPage

XPage的集成相对比较麻烦，不过相对也提供了一个模版工程，直接集成了XPage，拿到手就可以用了。

*  [简化版的Android空壳模版工程][Android]
 *  [Android空壳模版工程][Android 1]

如果你想集成到自己的项目中，可以参考[XPage集成指南][XPage 1]。

### 页面跳转 ###

> 页面跳转的话，XPage就相对简单多了。

*  Navigation

1.在res/navigation/中创建navigation导航图。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZXhpYW5nanlz_size_16_color_FFFFFF_t_70_pic_center 1]

2.在Activity的布局中增加Fragment占位容器。下面是使用`NavHostFragment`进行占位。

3.使用`NavController`进行页面导航。

NavHostFragment.findNavController(FirstFragment.this)
            .navigate(R.id.action_FirstFragment_to_SecondFragment);

*  XPage

1.随便创建一个类并继承`XPageFragment`,然后在类上使用@Page进行注解

@Page
    public class TestFragment extends XPageFragment {
    
    ...
    
    }

2.然后在任意继承了`XPageActivity`或者`XPageFragment`类中使用`openPage`即可。

// 使用类名打开
    openPage(TestFragment.class);
    // 使用页面标识符打开
    openPage("TestFragment");

## 更多使用对比 ##

更多使用内容可以参阅本项目源码, 项目地址: [https://github.com/xuexiangjys/Navigation\_XPage][https_github.com_xuexiangjys_Navigation_XPage] .

## 微信公众号 ##

> 更多资讯内容，欢迎扫描关注我的个人微信公众号！  
> ![在这里插入图片描述][20200328014515902.jpg]

[XPage]: https://github.com/xuexiangjys/XPage/wiki
[https_github.com_xuexiangjys_Navigation_XPage]: https://github.com/xuexiangjys/Navigation_XPage
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZXhpYW5nanlz_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/149774a03b13480d97cea0db9015d738.png
[Android]: https://github.com/xuexiangjys/TemplateSimpleProject
[Android 1]: https://github.com/xuexiangjys/TemplateAppProject
[XPage 1]: https://github.com/xuexiangjys/XPage/wiki/%E9%9B%86%E6%88%90%E6%8C%87%E5%8D%97
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZXhpYW5nanlz_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/6e4b80a062f445b7b29ec187326e2960.png
[20200328014515902.jpg]: /images/20221123/724bdadb5d7d496aa6715a2908231ba7.png