如何做一個酒吧，一個類似的風格在android系統

Question

搜索我試着研究這個了很多天。我真的不知道如何開始做一個非常類似於下面的風格。我知道它包含一個按鈕和一個edittext。但是，我不知道如何開始。有人有類似風格的酒吧的示例代碼？

Answer 1

Android的搜索欄是本機和自定義元素的混合。

框架/鹼/核心/ RES/RES /佈局：

通過搜索欄使用的佈局可以在機器人的源代碼在這個路徑（2.1版本，我可以我的硬盤驅動器上）中找到/search_bar.xml

可以發現以下佈局的細節：

<view 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    class="android.app.SearchDialog$SearchBar" 
    android:id="@+id/search_bar" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" 
    android:focusable="true" 
    android:descendantFocusability="afterDescendants"> 

    <!-- Outer layout defines the entire search bar at the top of the screen --> 
    <LinearLayout 
     android:id="@+id/search_plate" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:orientation="vertical" 
     android:paddingLeft="12dip" 
     android:paddingRight="12dip" 
     android:paddingTop="7dip" 
     android:paddingBottom="16dip" 
     android:background="@drawable/search_plate_global" > 

     <!-- This is actually used for the badge icon *or* the badge label (or neither) --> 
     <TextView 
      android:id="@+id/search_badge" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginBottom="2dip" 
      android:drawablePadding="0dip" 
      android:textAppearance="?android:attr/textAppearanceSmall" 
      android:textColor="?android:attr/textColorPrimaryInverse" /> 

     <!-- Inner layout contains the app icon, button(s) and EditText --> 

     <LinearLayout 
      android:id="@+id/search_edit_frame" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal"> 

      <ImageView 
       android:id="@+id/search_app_icon" 
       android:layout_height="36dip" 
       android:layout_width="36dip" 
       android:layout_marginRight="7dip" 
       android:layout_gravity="center_vertical" 
      /> 

      <view class="android.app.SearchDialog$SearchAutoComplete" 
       android:id="@+id/search_src_text" 
       android:background="@drawable/textfield_search" 
       android:layout_height="wrap_content" 
       android:layout_width="0dip" 
       android:layout_weight="1.0" 
       android:paddingLeft="8dip" 
       android:paddingRight="6dip" 
       android:drawablePadding="2dip" 
       android:singleLine="true" 
       android:ellipsize="end" 
       android:inputType="text|textAutoComplete" 
       android:dropDownWidth="fill_parent" 
       android:dropDownHeight="fill_parent" 
       android:dropDownAnchor="@id/search_plate" 
       android:dropDownVerticalOffset="-9dip" 
       android:popupBackground="@android:drawable/search_dropdown_background" 
      /> 

      <!-- This button can switch between text and icon "modes" --> 
      <Button 
       android:id="@+id/search_go_btn" 
       android:background="@drawable/btn_search_dialog" 
       android:layout_width="wrap_content" 
       android:layout_height="fill_parent" 
      /> 

      <ImageButton 
       android:id="@+id/search_voice_btn" 
       android:layout_width="wrap_content" 
       android:layout_height="fill_parent" 
       android:layout_marginLeft="8dip" 
       android:background="@drawable/btn_search_dialog_voice" 
       android:src="@android:drawable/ic_btn_speak_now" 
      /> 
     </LinearLayout> 
    </LinearLayout> 
</view> 

所有可繪製和樣式也都在源代碼。

爲了讓同樣的事情，你必須將不同的元素在自己的項目複製。

您可能還來看看不同類別：

• SearchDialog.SearchBar
• SearchDialog.SearchAutoComplete

Answer 2

我從你的問題假設你想放的EditText和Button與Google搜索一樣，並不完全是谷歌搜索實施。在android Activity的主LinearLayout中使用以下片段。

<LinearLayout 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" > 

    <EditText 
     android:id="@+id/editText1" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_weight="2" /> 



    <Button 
     android:id="@+id/button1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Button" /> 
</LinearLayout> 

如果你不是指我的感受，請告訴我。

Regards