日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
AndroidUI設(shè)計(jì)模板Dashboard及ActionBar的應(yīng)用

【譯文】Action Bar及Dashboard能在大多數(shù)Android程序項(xiàng)目中為用戶提供界面設(shè)計(jì)圖案。

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供雄縣網(wǎng)站建設(shè)、雄縣做網(wǎng)站、雄縣網(wǎng)站設(shè)計(jì)、雄縣網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、雄縣企業(yè)網(wǎng)站模板建站服務(wù)，十載雄縣做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

Dashboard項(xiàng)目組已經(jīng)開始著手于一個(gè)項(xiàng)目，以幫助開發(fā)者們更快地使他們的項(xiàng)目步入軌道。這一項(xiàng)目的目的是將可在不同UI模板上使用的代碼收集并整合起來。我以Google IO會議上的Android應(yīng)用程序?yàn)榛A(chǔ)，去掉冗余的代碼，以使這些精簡過的好用的部分更易于理解。

我在做的項(xiàng)目可以在下面的谷歌代碼網(wǎng)站中找到.

目前該項(xiàng)目只進(jìn)行一項(xiàng)工作，其成果將同時(shí)作用于Dashboard及Action bar。

實(shí)施指南

讓所有的Android應(yīng)用程序都能同時(shí)支持縱向及橫向顯示模式，這一點(diǎn)非常重要。盡管許多布局方案在編輯正確的前提下，都可以自動實(shí)現(xiàn)對縱向、橫向顯示模式的支持，但Dashboard所制作的布局還做不到這一點(diǎn)。為了保證這兩種模式下都具備充足的可用空間，我們需要編寫兩個(gè)單獨(dú)的布局XMLs。只要我們將相同的布局XML文件放入正確的文件夾并提交給Android系統(tǒng)，系統(tǒng)框架將在運(yùn)行時(shí)自動選擇合適的顯示方式。

支持不同方向下的不同布局的構(gòu)架范例

縱向布局XML代碼

 
 
 
 
    
  
  
  
  
  1. dashboard.xml:  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3.  
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5.  
    6.   
  
  
  
  6.   
  
  
  
  7.     android:id="@+id/home_root" 
    8.   
  
  
  
  8.     android:orientation="vertical" 
    9.   
  
  
  
  9.     android:layout_width="fill_parent" 
    10.   
  
  
  
  10.     android:layout_height="fill_parent"> 
    11.   
  
  
  
  11.  
    12.   
  
  
  
  12.      
    13.   
  
  
  
  13.           
  
  
  
  14.             android:contentDescription="@string/description_logo" 
    15.   
  
  
  
  15.             android:src="@drawable/title_logo" /> 
    16.   
  
  
  
  16.  
    17.   
  
  
  
  17.          
    18.   
  
  
  
  18.  
    19.   
  
  
  
  19.          
    20.   
  
  
  
  20.           
  
  
  
  21.             android:id="@+id/btn_title_refresh" 
    22.   
  
  
  
  22.             android:contentDescription="@string/description_refresh" 
    23.   
  
  
  
  23.             android:src="@drawable/ic_title_refresh" 
    24.   
  
  
  
  24.             android:onClick="onActionBarButtonClick" /> 
    25.   
  
  
  
  25.           
  
  
  
  26.             android:id="@+id/title_refresh_progress" 
    27.   
  
  
  
  27.             android:visibility="gone" /> 
    28.   
  
  
  
  28.  
    29.   
  
  
  
  29.          
    30.   
  
  
  
  30.           
  
  
  
  31.             android:contentDescription="@string/description_search" 
    32.   
  
  
  
  32.             android:src="@drawable/ic_title_search" 
    33.   
  
  
  
  33.             android:onClick="onActionBarButtonClick" /> 
    34.   
  
  
  
  34.      
    35.   
  
  
  
  35.  
    36.   
  
  
  
  36.       
  
  
  
  37.         android:orientation="vertical" 
    38.   
  
  
  
  38.         android:layout_width="fill_parent" 
    39.   
  
  
  
  39.         android:layout_height="wrap_content" 
    40.   
  
  
  
  40.         android:layout_weight="1" 
    41.   
  
  
  
  41.         android:padding="6dip"> 
    42.   
  
  
  
  42.           
  
  
  
  43.             android:orientation="horizontal" 
    44.   
  
  
  
  44.             android:layout_width="fill_parent" 
    45.   
  
  
  
  45.             android:layout_height="wrap_content" 
    46.   
  
  
  
  46.             android:layout_weight="1"> 
    47.   
  
  
  
  47.               
  
  
  
  48.                 style="@style/HomeButton" 
    49.   
  
  
  
  49.                 android:onClick="onActionOneClick" 
    50.   
  
  
  
  50.                 android:text="@string/dashboard_action" 
    51.   
  
  
  
  51.                 android:drawableTop="@drawable/dashboard_button_selector"/> 
    52.   
  
  
  
  52.               
  
  
  
  53.                 style="@style/HomeButton" 
    54.   
  
  
  
  54.                 android:onClick="onActionTwoClick" 
    55.   
  
  
  
  55.                 android:text="@string/dashboard_action" 
    56.   
  
  
  
  56.                 android:drawableTop="@drawable/dashboard_button_selector"/> 
    57.   
  
  
  
  57.          
    58.   
  
  
  
  58.  
    59.   
  
  
  
  59.           
  
  
  
  60.             android:orientation="horizontal" 
    61.   
  
  
  
  61.             android:layout_width="fill_parent" 
    62.   
  
  
  
  62.             android:layout_height="wrap_content" 
    63.   
  
  
  
  63.             android:layout_weight="1"> 
    64.   
  
  
  
  64.               
  
  
  
  65.                 style="@style/HomeButton" 
    66.   
  
  
  
  66.                 android:onClick="onActionThreeClick" 
    67.   
  
  
  
  67.                 android:text="@string/dashboard_action" 
    68.   
  
  
  
  68.                 android:drawableTop="@drawable/dashboard_button_selector"/> 
    69.   
  
  
  
  69.               
  
  
  
  70.                 style="@style/HomeButton" 
    71.   
  
  
  
  71.                 android:onClick="onActionFourClick" 
    72.   
  
  
  
  72.                 android:text="@string/dashboard_action" 
    73.   
  
  
  
  73.                 android:drawableTop="@drawable/dashboard_button_selector"/> 
    74.   
  
  
  
  74.          
    75.   
  
  
  
  75.  
    76.   
  
  
  
  76.           
  
  
  
  77.             android:orientation="horizontal" 
    78.   
  
  
  
  78.             android:layout_width="fill_parent" 
    79.   
  
  
  
  79.             android:layout_height="wrap_content" 
    80.   
  
  
  
  80.             android:layout_weight="1"> 
    81.   
  
  
  
  81.               
  
  
  
  82.                 style="@style/HomeButton" 
    83.   
  
  
  
  83.                 android:onClick="onActionFiveClick" 
    84.   
  
  
  
  84.                 android:text="@string/dashboard_action" 
    85.   
  
  
  
  85.                 android:drawableTop="@drawable/dashboard_button_selector"/> 
    86.   
  
  
  
  86.               
  
  
  
  87.                 style="@style/HomeButton" 
    88.   
  
  
  
  88.                 android:onClick="onActionSixClick" 
    89.   
  
  
  
  89.                 android:text="@string/dashboard_action" 
    90.   
  
  
  
  90.                 android:drawableTop="@drawable/dashboard_button_selector"/> 
    91.   
  
  
  
  91.  
    92.   
  
  
  
  92.          
    93.   
  
  
  
  93.      
    94.   
  
  
  
  94.  
    95.   
  
  
  
  95.       
  
  
  
  96.         android:id="@+id/now_playing_loading" 
    97.   
  
  
  
  97.         android:layout_width="fill_parent" 
    98.   
  
  
  
  98.         android:layout_height="@dimen/now_playing_height" 
    99.   
  
  
  
  99.         android:orientation="horizontal" 
    100.   
  
  
  
  100.         android:background="#eee" 
    101.   
  
  
  
  101.         android:gravity="center"> 
    102.   
  
  
  
  102.           
  
  
  
  103.             style="?android:attr/progressBarStyleSmall" 
    104.   
  
  
  
  104.             android:layout_width="wrap_content" 
    105.   
  
  
  
  105.             android:layout_height="wrap_content" 
    106.   
  
  
  
  106.             android:paddingRight="6dip" 
    107.   
  
  
  
  107.             android:indeterminate="true"/> 
    108.   
  
  
  
  108.           
  
  
  
  109.             android:layout_width="wrap_content" 
    110.   
  
  
  
  110.             android:layout_height="wrap_content" 
    111.   
  
  
  
  111.             android:textSize="@dimen/text_size_small" 
    112.   
  
  
  
  112.             android:text="@string/now_playing_loading"/> 
    113.   
  
  
  
  113.      
    114.   
  
  
  
  114.  
    115.   
  
  
  
  115.  
    116.

瀏覽模式XML代碼

 
 
 
 
    
  
  
  
  
  1. dashboard.xml:  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3.  
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5.  
    6.   
  
  
  
  6.  
    7.   
  
  
  
  7.   
  
  
  
  8.     android:id="@+id/home_root" 
    9.   
  
  
  
  9.     android:orientation="vertical" 
    10.   
  
  
  
  10.     android:layout_width="fill_parent" 
    11.   
  
  
  
  11.     android:layout_height="fill_parent"> 
    12.   
  
  
  
  12.  
    13.   
  
  
  
  13.  
    14.   
  
  
  
  14.      
    15.   
  
  
  
  15.           
  
  
  
  16.             android:src="@drawable/title_logo" /> 
    17.   
  
  
  
  17.  
    18.   
  
  
  
  18.  
    19.   
  
  
  
  19.          
    20.   
  
  
  
  20.  
    21.   
  
  
  
  21.  
    22.   
  
  
  
  22.          
    23.   
  
  
  
  23.           
  
  
  
  24.             android:id="@+id/btn_title_refresh" 
    25.   
  
  
  
  25.             android:src="@drawable/ic_title_refresh" 
    26.   
  
  
  
  26.             android:onClick="onActionBarButtonClick" /> 
    27.   
  
  
  
  27.           
  
  
  
  28.             android:id="@+id/title_refresh_progress" 
    29.   
  
  
  
  29.             android:visibility="gone" /> 
    30.   
  
  
  
  30.  
    31.   
  
  
  
  31.  
    32.   
  
  
  
  32.          
    33.   
  
  
  
  33.           
  
  
  
  34.             android:src="@drawable/ic_title_search" 
    35.   
  
  
  
  35.             android:onClick="onActionBarButtonClick" /> 
    36.   
  
  
  
  36.      
    37.   
  
  
  
  37.  
    38.   
  
  
  
  38.  
    39.   
  
  
  
  39.       
  
  
  
  40.         android:orientation="vertical" 
    41.   
  
  
  
  41.         android:layout_width="fill_parent" 
    42.   
  
  
  
  42.         android:layout_height="wrap_content" 
    43.   
  
  
  
  43.         android:layout_weight="1" 
    44.   
  
  
  
  44.         android:padding="6dip"> 
    45.   
  
  
  
  45.           
  
  
  
  46.             android:orientation="horizontal" 
    47.   
  
  
  
  47.             android:layout_width="fill_parent" 
    48.   
  
  
  
  48.             android:layout_height="wrap_content" 
    49.   
  
  
  
  49.             android:layout_weight="1"> 
    50.   
  
  
  
  50.               
  
  
  
  51.                 style="@style/HomeButton" 
    52.   
  
  
  
  52.                 android:onClick="onActionOneClick" 
    53.   
  
  
  
  53.                 android:text="@string/dashboard_action" 
    54.   
  
  
  
  54.                 android:drawableTop="@drawable/dashboard_button_selector"/> 
    55.   
  
  
  
  55.               
  
  
  
  56.                 style="@style/HomeButton" 
    57.   
  
  
  
  57.                 android:onClick="onActionTwoClick" 
    58.   
  
  
  
  58.                 android:text="@string/dashboard_action" 
    59.   
  
  
  
  59.                 android:drawableTop="@drawable/dashboard_button_selector"/> 
    60.   
  
  
  
  60.               
  
  
  
  61.                 style="@style/HomeButton" 
    62.   
  
  
  
  62.                 android:onClick="onActionThreeClick" 
    63.   
  
  
  
  63.                 android:text="@string/dashboard_action" 
    64.   
  
  
  
  64.                 android:drawableTop="@drawable/dashboard_button_selector"/> 
    65.   
  
  
  
  65.          
    66.   
  
  
  
  66.       
    67.   
  
  
  
  67.           
  
  
  
  68.             android:orientation="horizontal" 
    69.   
  
  
  
  69.             android:layout_width="fill_parent" 
    70.   
  
  
  
  70.             android:layout_height="wrap_content" 
    71.   
  
  
  
  71.             android:layout_weight="1"> 
    72.   
  
  
  
  72.               
  
  
  
  73.                 style="@style/HomeButton" 
    74.   
  
  
  
  74.                 android:onClick="onActionFourClick" 
    75.   
  
  
  
  75.                 android:text="@string/dashboard_action" 
    76.   
  
  
  
  76.                 android:drawableTop="@drawable/dashboard_button_selector"/> 
    77.   
  
  
  
  77.               
  
  
  
  78.                 style="@style/HomeButton" 
    79.   
  
  
  
  79.                 android:onClick="onActionFiveClick" 
    80.   
  
  
  
  80.                 android:text="@string/dashboard_action" 
    81.   
  
  
  
  81.                 android:drawableTop="@drawable/dashboard_button_selector"/> 
    82.   
  
  
  
  82.               
  
  
  
  83.                 style="@style/HomeButton" 
    84.   
  
  
  
  84.                 android:onClick="onActionSixClick" 
    85.   
  
  
  
  85.                 android:text="@string/dashboard_action" 
    86.   
  
  
  
  86.                 android:drawableTop="@drawable/dashboard_button_selector"/> 
    87.   
  
  
  
  87.          
    88.   
  
  
  
  88.      
    89.   
  
  
  
  89.  
    90.   
  
  
  
  90.  
    91.

其它實(shí)用項(xiàng)目

在Android系統(tǒng)中另有許多實(shí)用項(xiàng)目，以使開發(fā)者可以很容易地獲取兼容性許可。

iosched - Google IO app by Google

這個(gè)項(xiàng)目試圖提供一個(gè)在應(yīng)用程序上實(shí)現(xiàn)Dashboard及Action bar用戶設(shè)計(jì)模塊的完整范例，這是個(gè)相當(dāng)大的工程。有鑒于此，如果你只需要兼容Dashboard或Action bar工具的設(shè)計(jì)成果，我建議你使用android-ui-patterns（android用戶模塊工具）。

GreenDroid library

源自網(wǎng)絡(luò)的項(xiàng)目目標(biāo)列表

◆避免在重復(fù)拷貝相同的代碼上浪費(fèi)時(shí)間

◆嘗試使Android上的不同應(yīng)用程序更加相似

◆幫助開發(fā)者構(gòu)建功能強(qiáng)大的應(yīng)用程序

◆充分利用Android系統(tǒng)框架的功能

◆盡可能多地使用XML

原文地址

【譯稿，非經(jīng)授權(quán)謝絕轉(zhuǎn)載，合作媒體轉(zhuǎn)載請注明原文出處、作者及譯稿和譯者！】


新聞標(biāo)題：AndroidUI設(shè)計(jì)模板Dashboard及ActionBar的應(yīng)用
文章URL：http://m.5511xx.com/article/coeoohs.html