Blog

Blog

PHODAL

大前端 Android 开发日记四:Toolbar 问题及测试编写

在之前的两天里,已经实现了大部分的功能。但是,仍然遇到了一些 Toolbar 的问题,除了努力地解决这个问题之外,还写了几个简单的测试。

模块化 APK 的 Toolbar 后退按钮

由于应用程序采用的是类似于 RePlugin 的插件化机制。因为在使用样式来将 Toolbar 改为白色的时候,在另外一个 APK 里没有对应的资源。于是,便想着将 Toolbar 改成了个组件:

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="56dp"
    android:background="@color/black"
    android:gravity="center_vertical">

    <include layout="@layout/back_button" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:padding="@dimen/length_16"
        android:text="@string/something"/>

</RelativeLayout>

对应的后退按钮:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/fast_back"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="horizontal">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingEnd="@dimen/length_24"
        android:paddingStart="@dimen/length_16"
        android:paddingTop="@dimen/length_16"
        android:paddingBottom="@dimen/length_16"
        android:src="@drawable/back_icon"/>

</LinearLayout>

这样在另外一个 APK 中,只需要有相应的图片资源即可。在 Code Diff 的时候,被告知这个可以用图片来实现——做的时候,忘记了这个。只能明天再去改吧。

Android 处理 Toolbar 后退

对应的处理后退的逻辑,也由:

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    if (item.getItemId() == android.R.id.home) {
        onBackPressed();
        return true;
    }
    return super.onOptionsItemSelected(item);
}

变成了简单的后退了。

@OnClick(R.id.fast_back)
void clickBackText() {
    onBackPressed();
}

测试

完成了对 Toolbar 的控制之后,我便写了一个测试:

    @Mock
    private DetailView detailView;
    @Mock
    private DetailRepository detailRepository;

    private DetailPresenter detailPresenter;

    @Test
    public void shouldShowDetail() throws Exception {
        DetailModel detail = mock(DetailModel.class);
        when(detail.getText()).thenReturn(anyListOf(Related.class));

        detailPresenter.onLoadDetailSuccess(detail);
        verify(detailView).showDetail(any(DetailModel.class));
    }

在这个测试里,简单的测试了一个回调成功时,会调用显示详情的逻辑。

关于我

Github: @phodal     微博:@phodal     知乎:@phodal    

微信公众号(Phodal)

围观我的Github Idea墙, 也许,你会遇到心仪的项目

QQ技术交流群: 321689806

新书《前端架构:从入门到微前端》

《前端架构:从入门到微前端》是一本围绕前端架构的实施手册,从基础的架构规范,到如何设计前端架构,再到采用微前端架构拆分复杂的前端应用。本书通过系统地介绍前端架构世界的方方面面,来帮助前端工程师更好地进行系统设计。

前端架构包含以下五部分内容:

  • 设计:讲述了架构设计的模式,以及设计和制定前端工作流。
  • 基础:通过深入构建系统、单页面应用原理、前端知识体系等,来构建出完整的前端应用架构体系。
  • 实施:通过与代码结构的方式,介绍如何在企业级应用中实施组件化架构、设计系统和前后端分离架构。
  • 微前端:引入6种微前端的概念,以及如何划分、设计微前端应用,并展示了如何实现这6种微前端架构。
  • 演进:提出更新、迁移、重构、重写、重新架构等架构演进方式,来帮助开发人员更好地设计演进式架构。
comment

Feeds

RSS / Atom

最近文章

关于作者

Phodal Huang

Developer, Consultant, Writer, Designer

ThoughtWorks 高级咨询师

工程师 / 咨询师 / 作家 / 设计学徒

开源深度爱好者

出版有《前端架构:从入门到微前端》、《自己动手设计物联网》、《全栈应用开发:精益实践》

联系我: h@phodal.com

微信公众号: 与我沟通

标签