佈局：拉伸的背景圖片

Question

我對佈局有困難。

作爲我的第一個開發項目，我試圖製作一個簡單的天文臺。 我想要在背景中顯示一個天文臺的圖片，並且在應用程序的底部有開始和停止按鈕 ，並排並填充屏幕寬度。

這是我的最佳拍攝，但我不滿意。

所有小部件都放置正確，但... 我的背景被拉伸，我的按鈕似乎垂直壓縮，甚至底部的文本有點裁剪。

我發現，如果我改變這些線

android:layout_width="fill_parent" 
android:layout_height="fill_parent" 

通過

android:layout_width="wrap_content" 
android:layout_height="wrap_content" 

背景是OK，則按鈕太..但所有部件被放置在活動的中心。

我該如何解決這個問題？

順便說一句，如果我想讓我的按鈕並排，我選擇了更好的解決方案嗎？

感謝您的幫助！查爾斯。

...現在我的XML ....

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:orientation="vertical" 
android:background="@drawable/background" 
tools:context=".Chronosv1" > 

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

<Chronometer 
    android:id="@+id/chronometer1" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:gravity="center" /> 

</LinearLayout> 

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

    <Button 
     android:id="@+id/button1" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_weight="50" 
     android:text="START" /> 

    <Button 
     android:id="@+id/button2" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_weight="50" 
     android:text="STOP" /> 
</LinearLayout> 

我試過RelativeLayout的。 我不知道如何在不使用填充的情況下使用兩個相同大小的按鈕，如果您希望您的應用在不同的屏幕上運行，我不認爲這是個好主意。

無論如何，我想出了這個，但我仍然有我的拉伸圖像和我的按鈕不具有相同的大小。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:background="@drawable/background" 
tools:context=".Chronosv1" > 

<Chronometer 
    android:id="@+id/chronometer1" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:gravity="center" /> 

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

<Button 
    android:id="@+id/button2" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentRight="true" 
    android:layout_toRightOf="@id/button1" 
    android:text="Stop" /> 

Answer 1

我終於找到了解決方案。

第一個問題：我的9補丁圖像隱藏了我的其他組件。

解決方法：在你的LinearLayout填充=「0dip」 ...這裏給了我我的回答（Android layout broken with 9-patch background）

問題二的主題：加機器人爲什麼我的照片是streched而我設計的屏幕的確切大小。這是一個愚蠢的問題......這是因爲操作欄和上面的其他欄（有電池電量和其他東西）。

要擺脫這些欄（包含在主題中），請在清單中使用不同版本的主題。

我選擇：Theme.Light.NoTitleBar.Fullscreen。

已解決的問題。

Answer 2

嘗試的RelativeLayout;）我認爲這是很容易處理比LinearLayout中。也許你可以上傳一張圖片，看看它的樣子，我會給你一個相關的佈局解決方案;）

Answer 3

你可以試試這個嗎？應該工作IMO。 這是一種更好的/防呆的方式來獲得您的佈局。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:background="@drawable/background" 
tools:context=".Chronosv1" > 


<LinearLayout 
android:id="@+id/layout1" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:orientation="horizontal" 
android:weightSum="2" 
android:layout_alignParentBottom="true"> 
<Button 
android:id="@+id/button1" 
android:layout_width="0dp" 
android:layout_height="wrap_content" 
android:layout_weight="1" 
android:layout_margin="5dp" 
android:text="Start" /> 

<Button 
android:id="@+id/button2" 
android:layout_width="0dp" 
android:layout_height="wrap_content" 
android:layout_weight="1" 
android:layout_margin="5dp" 
android:text="Stop" /> 
</LinearLayout> 
<Chronometer 
android:id="@+id/chronometer1" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:layout_above="@+id/layout1" /> 
</RelativeLayout>