您的位置：首页 > 产品设计 > UI/UE

转（Android 4.4 Kitkat Phone工作流程浅析(二)__UI结构分析）

2014-04-23 17:41 585 查看

本文来自http://blog.csdn.net/yihongyuelan

概述

之前有分析过Android 4.2的InCallScreen结构(传送门)，但后面Google发布了Android 4.4即Kitkat，遂决定以之前的文章为模板，重新整理并记录。在4.4中当有来电或去电时，显示给用户的界面如图1，在4.4之前称之为InCallScreen，但在4.4之后叫做InCallActivity。在4.4中我们调出的拨号盘界面，实际为DialtactsActivity并隶属于Dialer应用。4.4
中界面分为3块，CallCardFragment、CallButtonFragment、AnswerFragment，如下所示：

图 1 InCallActivity界面(左：接通右：来电)

InCallActivity布局分析

在InCallActivity.java中，实现了对界面的初始化，在4.4中界面的布局是通过fragment来完成的，即incall_screen.xml，代码如下：

[html] view
plaincopy

<FrameLayout

    xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:id="@+id/main">

    

    <FrameLayout

        android:id="@+id/vtCallFragment"

        android:layout_width="match_parent"

        android:layout_height="match_parent" />



    <LinearLayout

        android:id="@+id/in_call_and_button_container"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical">

        <RelativeLayout

             android:id="@+id/in_call_card_container"

             android:layout_width="match_parent"

             android:layout_height="match_parent"

             android:layout_weight="1">

           

           <fragment

                android:name="com.android.incallui.CallCardFragment"

                android:id="@+id/callCardFragment"

                android:layout_width="match_parent"

                android:layout_height="match_parent"

                android:layout_alignParentTop="true"

                android:layout_alignParentStart="true" />

            

            <fragment

                android:name="com.android.incallui.DialpadFragment"

                android:id="@+id/dialpadFragment"

                android:layout_width="match_parent"

                android:layout_height="match_parent"

                android:layout_alignParentTop="true"

                android:layout_alignParentStart="true" />

        </RelativeLayout>

        

        <fragment android:name="com.android.incallui.CallButtonFragment"

                  android:id="@+id/callButtonFragment"

                  android:layout_width="match_parent"

                  android:layout_height="wrap_content"/>



    </LinearLayout>

    

    <fragment android:name="com.android.incallui.AnswerFragment"

              android:id="@+id/answerFragment"

              android:layout_width="match_parent"

              android:layout_height="wrap_content"

              android:layout_alignParentBottom="true"

              android:layout_centerHorizontal="true"

              android:gravity="top"

              android:layout_gravity="bottom|center_horizontal"

              android:layout_marginBottom="@dimen/glowpadview_margin_bottom"

              android:visibility="gone" />

    

    <fragment android:name="com.android.incallui.ConferenceManagerFragment"

              android:id="@+id/conferenceManagerFragment"

              android:layout_width="match_parent"

              android:layout_height="match_parent"

              android:layout_alignParentTop="true"

              android:layout_alignParentStart="true"

              android:layout_alignParentBottom="true"

              android:layout_alignParentEnd="true" />



</FrameLayout>

从整个布局来看，4.4使用fragment代替了原来写死的布局。一方面更能体现出模块化设计，另一方面对于不同屏幕尺寸的适配也更为容易。根据布局文件，InCallActivity主要包括以下几个部分：
callCardFragment：用于显示联系人信息及通话时间等；

callButtonFragment：通话界面下方的控制按钮，之前叫做InCallTouchUi；
conferenceManagerFragment：会议电话的界面；

vtCallFragment：视屏通话控件；

dialpadFragment：拨号盘显示控件。
answerFragment：来电控制控件，用于操作接听/拒接/短信快捷回复。

总的来讲4.4的布局改动不大，取而代之的是使用更加模块化的布局方式。下面主要展示常见的基础布局，包括callCardFragement、callButtonFragment、answerFragment。

callCardFragment通话信息展示

callCardFragment控件，实际上显示的信息主要为通话联系人的相关信息，整个布局显示如下图2：

图 2 callCardFragment界面

callButtonFragment通话控制界面

在4.4中不再称为InCallTouchUi，而是把下方的控制按钮使用fragment包装了起来，相应的布局可以在call_button_fragment.xml中查看。如图3：

图 3 callButtonFragment

answerFragment来电控制界面

这里所说的来电控制界面实际为4.4之前的MultiWaveView，。如图4：

图 4 answerFragment

InCallActivity初始化流程

在InCallActivity的onCreate方法中，完成了各个组件(fragment)的初始化，主要在方法initializeInCall中，代码如下：

[java] view
plaincopy

    private void initializeInCall() {

        if (mCallButtonFragment == null) {

            mCallButtonFragment = (CallButtonFragment) getFragmentManager()

                    .findFragmentById(R.id.callButtonFragment);

            mCallButtonFragment.getView().setVisibility(View.INVISIBLE);

        }





        if (mCallCardFragment == null) {

            mCallCardFragment = (CallCardFragment) getFragmentManager()

                    .findFragmentById(R.id.callCardFragment);

        }





        //... ...省略

    }

然后更新了状态栏以及近距离感应器的状态，另外MTK对AOSP多了一些定制加入了一些自己的东西，比如SIMInfoWrapperr就是用于显示保存SIM卡信息用的。相对于4.4之前的代码来说，InCallActivity实际上取代了InCallScreen的功能，初始化流程详细请查看代码。这里得提一下InCallUI中的presenter，它相当于是状态机，保存各种状态，而fragment用于承载显示。

InCallActivity初始化时序图如下：

图 5 InCallActivity初始化时序图

CallButtonFragment控制流程

因为4.4代码的变更，我们主要查看以下几个控件的控制和更新流程：

answerFragment：接通/挂断/短信回复时需要使用；

dialpadButton：也就是显示或隐藏拨号盘(DTMF)；

audioButton：开启/关闭扬声器；

muteButton：开启/关闭麦克风静音，开启之后对方无法听到你的声音；

holdButton：开启/关闭呼叫保持；

addButton：增加多路通话；也就是在通话的过程中可以暂停当前通话，拨打另一路通话并接通；