上一节课给大家简单介绍了下android拨号盘的工程概况，今天再向大家剖析一下主界面的布局实现

先贴上主界面布局：

xmlns:android="外链网址已屏蔽"

android:id="@+id/dialtacts_mainlayout"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:focusable="true"

android:focusableInTouchMode="true"

android:clipChildren="false"

android:background="@color/background_dialer_light">

android:id="@+id/dialtacts_container"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:clipChildren="false">

android:layout_height="match_parent"

android:layout_width="match_parent"

android:id="@+id/dialtacts_frame"

android:clipChildren="false" />

android:id="@+id/floating_action_button_container"

android:background="@drawable/fab_blue"

android:layout_width="@dimen/floating_action_button_width"

android:layout_height="@dimen/floating_action_button_height"

android:layout_marginBottom="@dimen/floating_action_button_margin_bottom"

android:layout_gravity="center_horizontal|bottom">

android:id="@+id/floating_action_button"

android:background="@drawable/floating_action_button"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:contentDescription="@string/action_menu_dialpad_button"

android:src="@drawable/fab_ic_dial"/>

xml比较简单，我们看看DialtactsActivity里的实现

final ActionBar actionBar = getActionBar();

actionBar.setCustomView(R.layout.search_edittext);

actionBar.setDisplayShowCustomEnabled(true);

actionBar.setBackgroundDrawable(null);

SearchEditTextLayout searchEditTextLayout =

(SearchEditTextLayout) actionBar.getCustomView().findViewById(R.id.search_view_container);

searchEditTextLayout.setPreImeKeyListener(mSearchEditTextLayoutListener);

mActionBarController = new ActionBarController(this, searchEditTextLayout);

菜单控制器private ActionBarController mActionBarController;

用来管理SearchEditTextLayout对象(actionbar的customview)

接下来是主界面fragment(快速拨号，通话记录，联系人)

private ListsFragment mListsFragment;

放在dialtacts_frame容器里

getFragmentManager().beginTransaction().add(R.id.dialtacts_frame, new ListsFragment(), TAG_FAVORITES_FRAGMENT).commit();

全局搜索fragment private RegularSearchFragment mRegularSearchFragment;(在actionbar的edittext里输入号码呈现结果集的fragment)

拨号搜索fragment private SmartDialSearchFragment mSmartDialSearchFragment; (在拨号盘里输入号码呈现结果集的fragment)

都放在dialtacts_frame容器里(根据是否处于搜索模式动态创建和移除)

private void enterSearchUi(boolean smartDialSearch, String query, boolean animate)

if (smartDialSearch) {

fragment = new SmartDialSearchFragment();

} else {

fragment = new RegularSearchFragment();

}

transaction.add(R.id.dialtacts_frame, fragment, tag);

private void exitSearchUi()

if (mSmartDialSearchFragment != null) {

transaction.remove(mSmartDialSearchFragment);

}

if (mRegularSearchFragment != null) {

transaction.remove(mRegularSearchFragment);

}

拨号盘fragment

protected DialpadFragment mDialpadFragment;

放在dialtacts_container容器里

if (mDialpadFragment == null) {

mDialpadFragment = new DialpadFragment();

ft.add(R.id.dialtacts_container, mDialpadFragment, TAG_DIALPAD_FRAGMENT);

} else {

ft.show(mDialpadFragment);

}

悬浮按钮控制器，管理悬浮按钮事件

private FloatingActionButtonController mFloatingActionButtonController;

final View floatingActionButtonContainer = findViewById(R.id.floating_action_button_container);

ImageButton floatingActionButton = (ImageButton) findViewById(R.id.floating_action_button);

floatingActionButton.setOnClickListener(this);

mFloatingActionButtonController = new FloatingActionButtonController(this,floatingActionButtonContainer, floatingActionButton);

主界面容器ListsFragment mListsFragment;

自定义的TAB分页控件ViewPagerTabs extends HorizontalScrollView

嵌套三个子fragment：快速拨号，通话记录，联系人

private SpeedDialFragment mSpeedDialFragment;

private CallLogFragment mRecentsFragment;

private AllContactsFragment mAllContactsFragment;

主界面的框架大致如此，各个fragment切换逻辑以及动效细节大家跟踪代码实现细看就明白了

时间不走啊了，今天的课程到此为止

github下载链接：外链网址已屏蔽

欲知后事如何，且听蓝老师下回分解

more brilliant，Please pay attention to my cnblog -->外链网址已屏蔽