2015-01-02 82 views
3

我想在我的Android應用程序中在屏幕底部創建一個工具欄。這是我到目前爲止有:如何將Android工具欄對齊屏幕底部?

http://imgur.com/n7g4yVk

我想移動的黑條在屏幕底部的中心坐在那裏,但我無法弄清楚如何做到這一點。這是XML代碼,我有Android Studio中至今:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 

    > 
    <!--Begin Top Bar--> 
    <Toolbar 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:background="?attr/colorPrimary" 
     > 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Lbs" 
      android:id="@+id/tvLbs" 
      android:textSize="17dp" 
      android:textColor="#000000" 
      android:layout_gravity="left"/> 

     <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:src="@drawable/logo"/> 
     </Toolbar> 

    <!--End Top Bar--> 

    <ImageView 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:src="@drawable/week1" 
     /> 

    <!--Begin all scrollable stuff--> 
    <ScrollView 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content"> 

     <LinearLayout 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:orientation="vertical"> 


      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="@string/total" 
       android:textSize="45dp" 
       android:layout_gravity="center" 
       android:id="@+id/tvDisplay" 
       /> 

      <Button 
       android:layout_width="250dp" 
       android:layout_height="wrap_content" 
       android:text="Add one" 
       android:layout_gravity="center" 
       android:textSize="20dp" 
       android:id="@+id/bAdd" 
       /> 

      <Button 
       android:layout_width="250dp" 
       android:layout_height="wrap_content" 
       android:text="Subtract one" 
       android:layout_gravity="center" 
       android:textSize="20dp" 
       android:id="@+id/bSubtract" 
       /> 

     </LinearLayout> 

    </ScrollView> 

    <!--End Scrollable stuff--> 

    <Toolbar 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:background="#000000" 
     android:alignParentBottom="true"> 

     </Toolbar> 

</LinearLayout> 

回答

3

嘗試將ScrollView的重量 - 與此:

android:layout_weight="1"

+0

工作!它現在看起來像這樣,正是我希望它看起來如此:http://imgur.com/uNtbXq1 – DeviousKoala

3

這將是更容易使用RelativeLayout此目的:

<RelativeLayout ...> 
    <!-- top toolbar --> 
    <Toolbar 
     android:id="@+id/top_toolbar" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:background="?attr/colorPrimary" 
    > 

     ... 

    </Toolbar> 

    <ImageView 
     android:id="@+id/image" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/top_toolbar" 
     android:src="@drawable/week1" 
    /> 

    <!-- bottom toolbar --> 
    <Toolbar 
     android:id="@+id/bottom_toolbar" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:background="#000000" 
     android:layout_alignParentBottom="true"> 

    </Toolbar> 

    <!-- scrollable pane --> 
    <ScrollView 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:layout_below="@id/image" 
     android:layout_above="@id/bottom_toolbar"> 

     ... 

    </ScrollView> 
</RelativeLayout> 
相關問題