[Android]AndroidDesign中ActionBar探究1

來源:互聯網
上載者:User

概述

  從Google IO 2013大會以來越來越多的Android應用開始遵循Android的設計風格,簡單的就是google play和Gmail,在國內我們常用的軟體像知乎、印象筆記,主要的介面主要是左側的抽屜菜單(參照)、頂部和底部的ActionBar(參照)等。由於以前都是遵循Ios的設計開始開發的一些,現在在公司,公司開始推崇Android Desgin(我們公司總是走在前列啊,現在Team 開發的 Version Control開始在Git開發),我們也必須要看下ActionBar。

<manifest ... > <uses-sdk android:minSdkVersion="11" ... /> ...</manifest>

 

2.1+

  1  Activity繼承於V7中的ActionBarActivity

<activity android:theme="@android:style/Theme.Holo.NoActionBar">

2 Activity的thme

<activity android:theme="@style/Theme.AppCompat.Light" ... >
<manifest ... >    <uses-sdk android:minSdkVersion="7"  android:targetSdkVersion="18" />    ...</manifest>
 
這樣在Activity的頂部就會有一個ActionBar.
 
在ActionBar上我們還可以添加一些類似於Menu的item:
@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.main, menu);return true;}

menu/main

<menu xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    tools:context="com.example.actionbardemo.MainActivity" >    <item        android:id="@+id/action_settings"        android:orderInCategory="100"        android:title="@string/action_settings"        app:showAsAction="never"/></menu>

menu/main這個布局中的屬性中有一個app:showAsAction就是V7包的屬性。

 這個屬性可接受的值有:
  1、always:這個值會使功能表項目一直顯示在Action Bar上。
  2、ifRoom:如果有足夠的空間,這個值會使功能表項目顯示在Action Bar上。
  3、never:這個值使功能表項目永遠都不出現在Action Bar上。
  4、withText:這個值使功能表項目和它的表徵圖,菜單文本一起顯示。
移除操作欄

如果你不想為一個特定的Activity設定Action Bar,設定Activity主題為Theme.Holo.NoActionBar。 例如:

<activity android:theme="@android:style/Theme.Holo.NoActionBar">

您還可以在運行時通過調用hide()隱藏Action Bar。例如:

<activity android:theme="@android:style/Theme.Holo.NoActionBar">

當Action Bar隱藏,系統的Activity調整布局來填補所有可用螢幕空間。你可以通過調用show()顯示Action Bar。 隱藏和刪除操作欄可能會使Activity重新調整布局,重新使用Action Bar所佔用的空間。如果你的活動經常隱藏和顯示操作欄(如在Android應用程式庫),你可能想用疊加模式。疊加模式布局在Activity的頂部,而不是在螢幕空間上的Action Bar。這樣,你的布局可以在Action Bar隱藏和重新出現時保持不變。要啟用覆蓋模式,建立Activity主題並且將android:windowActionBarOverlay屬性值設定為true。欲瞭解更多資訊,請參閱樣式的Action Bar章節。

響應ActionBar的點擊事件

放置好了Menu items後,為了實現點擊我們要實現onOptionsItemSelected(),當我們點擊一個Item後,會根據item的id來響應。

public boolean onOptionsItemSelected(MenuItem item) {// Handle action bar item clicks here. The action bar will// automatically handle clicks on the Home/Up button, so long// as you specify a parent activity in AndroidManifest.xml.int id = item.getItemId();if (id == R.id.action_settings) {return true;}return super.onOptionsItemSelected(item);}

 

添加上一級Button

   為了能有使用者返回上一級操作,我們可以通過返回鍵,但是Google又推出一個可以取消返回鍵這個構想,在ActionBar上,有為使用者特定設定的返回上一級的Button。在Android4.1和v7包中都有體現,給出了上一級the parent activity。

 <application        android:allowBackup="true"        android:icon="@drawable/ic_launcher"        android:label="@string/app_name"        android:theme="@style/AppTheme" >        <activity            android:name="com.example.actionbardemo.MainActivity"            android:label="@string/app_name"            android:theme="@style/Theme.AppCompat.Light" >            <intent-filter>                <action android:name="android.intent.action.MAIN" />                <category android:name="android.intent.category.LAUNCHER" />            </intent-filter>        </activity>        <activity            android:name="com.example.actionbardemo.Second"            android:label="@string/title_activity_second" >            <meta-data            android:name="android.support.PARENT_ACTIVITY"            android:value="com.example.actionbardemo.MainActivity" />        </activity>    </application>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.