android - 超出背景图像的按钮

Question

我想我找不到标题的正确单词，所以我会尝试正确解释。

所以我有这张图片作为我的布局的背景：http: //imageshack.us/photo/my-images/607/fond1g.png/

我想把按钮正确地放进去。

因为左边和右边都有一些透明度。所以按钮超出了工作表。

有什么可以说“嘿，这是透明的，我不想要任何东西”吗？或者“嘿，这就是我想放所有东西的（床单）？

我试图放置另一个 LinearLayout 但我不知道如何提供良好的宽度。

谢谢

Answer 1

从您的问题中，我了解到您希望避免将按钮放在背景图像的左右透明边缘中。为此，您可以使用android:layout_marginLeftand android:layout_marginRight。对于您的代码，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:orientation="vertical"
 android:background="@drawable/fond"
>


<ImageView
    android:id="@+id/imageView1"
    android:contentDescription="@string/desc"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/top" 
    android:layout_gravity="top" 
    android:adjustViewBounds="true" 
/>

<LinearLayout 
    android:layout_below="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:background="@drawable/fond1"
    >

    <LinearLayout 
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="30dp" <!--Use the correct dp value, i just use it for example -->
        android:layout_marginRight="30dp" <!--Use the correct dp value, i just use it for example -->
        android:weightSum="3"
        >

        <Button 
            android:id="@+id/button_garçon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/Bg"
            android:background="@drawable/button_purple" 
            android:layout_weight="1"
            android:textColor="#ffffff"
            android:onClick="actionGarçon"
        />
        <Button 
            android:id="@+id/button_mixte"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/Bm"
            android:background="@drawable/button_purple" 
            android:layout_weight="1"
            android:textColor="#ffffff"
            android:onClick="actionMixte"
        />

        <Button
            android:id="@+id/button_fille"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/Bf"
            android:background="@drawable/button_purple" 
            android:layout_weight="1"
            android:textColor="#ffffff"
            android:onClick="actionFille"           
        />

    </LinearLayout>



</LinearLayout>  

</LinearLayout>

Answer 2

这是我的代码的简化部分：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
   xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:orientation="vertical"
   android:background="@drawable/fond"
   >


    <ImageView
        android:id="@+id/imageView1"
        android:contentDescription="@string/desc"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/top" 
        android:layout_gravity="top" 
        android:adjustViewBounds="true" 
    />

    <LinearLayout 
        android:layout_below="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:background="@drawable/fond1"
        >

        <LinearLayout 
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:weightSum="3"
            >

            <Button 
                android:id="@+id/button_garçon"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/Bg"
                android:background="@drawable/button_purple" 
                android:layout_weight="1"
                android:textColor="#ffffff"
                android:onClick="actionGarçon"
            />
            <Button 
                android:id="@+id/button_mixte"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/Bm"
                android:background="@drawable/button_purple" 
                android:layout_weight="1"
                android:textColor="#ffffff"
                android:onClick="actionMixte"
            />

            <Button
                android:id="@+id/button_fille"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/Bf"
                android:background="@drawable/button_purple" 
                android:layout_weight="1"
                android:textColor="#ffffff"
                android:onClick="actionFille"           
            />

        </LinearLayout>



    </LinearLayout>  

</LinearLayout>

Answer 3

如果您使用的是LinearLayout图像，则可以将背景设置为图像。然后你可以在里面放任何东西LinearLayout，所有东西都会正确地放入你的图像中。

例如：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"       
    android:background="#ffffff"
    android:orientation="vertical">

    <LinearLayout 
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="320dp"
        android:layout_height="512dp"       
        android:background="@drawable/scaled"
        android:orientation="vertical" >

    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="25dp"        
        android:text="Button" />

</LinearLayout>

希望有帮助。