項目進(jìn)展

• 這周我們把工作主要放在了UI界面的實現(xiàn)上，為了讓整款A(yù)PP看上去能夠更加高大上，我們決定采用Android 5.0開始推出的一個Material Design風(fēng)格的導(dǎo)航控件Toolbar。
• 現(xiàn)在越來越多的開發(fā)者使用Toolbar來作為Android客戶端的導(dǎo)航欄，以此來取代之前的Actionbar。與Actionbar相比，Toolbar明顯要靈活的多。它不像Actionbar一樣，一定要固定在Activity的頂部，而是可以放到界面的任意位置。除此之外，在設(shè)計Toolbar的時候，Google也留給了開發(fā)者很多可定制修改的余地，這些可定制修改的屬性在API文檔中都有詳細(xì)介紹，如：

1. 設(shè)置導(dǎo)航欄圖標(biāo)；
2. 設(shè)置App的logo；
3. 支持設(shè)置標(biāo)題和子標(biāo)題；
4. 支持添加一個或多個的自定義控件；
5. 支持Action Menu；
   
   

• 由于我們小組之前沒有開發(fā)過APP，所以一開始對于UI界面的實現(xiàn)在網(wǎng)上搜集了大量的資料，并且花了很大功夫去探究Android Studio的功能，后來根據(jù)網(wǎng)上的一些資料大概能實現(xiàn)Toolbar的功能：
• 首先，在布局文件activity_tool_bar.xml中添加進(jìn)我們需要的 Toolbar控件

<?xml version="1.0" encoding="utf-8"?>

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

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical">

    <android.support.v7.widget.Toolbar

        android:id="@+id/toolbar"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:background="@color/color_0176da">

        <!--自定義控件-->

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="Clock" />

    </android.support.v7.widget.Toolbar>

</LinearLayout>

• 接著在base_toolbar_menu.xml中添加action menu菜單項

<?xml version="1.0" encoding="utf-8"?>

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

    xmlns:app="http://schemas.android.com/apk/res-auto">

    <item

        android:id="@id/action_search"

        android:icon="@mipmap/ic_search"

        android:title="@string/menu_search"

        app:showAsAction="ifRoom" />

    <item

        android:id="@id/action_notification"

        android:icon="@mipmap/ic_notifications"

        android:title="@string/menu_notifications"

        app:showAsAction="ifRoom" />

    <item

        android:id="@+id/action_item1"

        android:title="@string/item_01"

        app:showAsAction="never" />

    <item

        android:id="@+id/action_item2"

        android:title="@string/item_02"

        app:showAsAction="never" />

</menu>

• 最后到ToolbarActivity中調(diào)用代碼拿到這Toolbar控件，并在代碼中做各種set操作

public class ToolBarActivity extends BaseActivity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_tool_bar);

        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);

        toolbar.setNavigationIcon(R.mipmap.ic_drawer_home);//設(shè)置導(dǎo)航欄圖標(biāo)

        toolbar.setLogo(R.mipmap.ic_launcher);//設(shè)置app logo

        toolbar.setTitle("Title");//設(shè)置主標(biāo)題

        toolbar.setSubtitle("Subtitle");//設(shè)置子標(biāo)題

        toolbar.inflateMenu(R.menu.base_toolbar_menu);//設(shè)置右上角的填充菜單

        toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {

            @Override

            public boolean onMenuItemClick(MenuItem item) {

                int menuItemId = item.getItemId();

                if (menuItemId == R.id.action_search) {

                    Toast.makeText(ToolBarActivity.this , R.string.menu_search , Toast.LENGTH_SHORT).show();

                } else if (menuItemId == R.id.action_notification) {

                    Toast.makeText(ToolBarActivity.this , R.string.menu_notifications , Toast.LENGTH_SHORT).show();

                } else if (menuItemId == R.id.action_item1) {

                    Toast.makeText(ToolBarActivity.this , R.string.item_01 , Toast.LENGTH_SHORT).show();

                } else if (menuItemId == R.id.action_item2) {

                    Toast.makeText(ToolBarActivity.this , R.string.item_02 , Toast.LENGTH_SHORT).show();

                }

                return true;

            }

        });

    }

}

• Toolbar的基本使用如上所示，此外如果想修改標(biāo)題和子標(biāo)題的字體大小、顏色等，可以調(diào)用setTitleTextColor、setTitleTextAppearance、setSubtitleTextColor、setSubtitleTextAppearance這些API。
• 如圖所示，這是實現(xiàn)Toolbar代碼的基本結(jié)構(gòu)：
  
  

layout和menu文件夾分別是兩個Activity的布局文件和actionmenu菜單文件，values、values-v19、values-v21 中包含了一些自定義的theme。

• 代碼托管截圖：
  
  

總結(jié)

自從Material Design設(shè)計開始推出后，Google推出的這些新控件使用起來更加簡單，這能讓我們更好的把精力放在編寫業(yè)務(wù)代碼上。很多以前需要借助第三方開源庫才能實現(xiàn)的效果，現(xiàn)在已經(jīng)慢慢的不需要了。當(dāng)然，我們依舊可以去深入的學(xué)習(xí)這些優(yōu)秀開源代碼，沉淀到更多的干貨。這樣，小菜也就慢慢成為大牛了。

總結(jié)

以上是生活随笔為你收集整理的Cooperation.GTST团队第二周项目总结的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。