0

如果我想看如下，我该怎么办？更具体地说，如何在多个项目周围设置白色背景？ 编辑： 灰色是整个屏幕的背景，白色就像一个放置在灰色背景上的“盒子”，连同按钮、分隔线和文本视图。

我想得到的例子

我是这样想的：

<TableLayout
android:background="#eae8e8>
...
<WhiteBox
    android:layout_width="fill_parent"
    android:layout_height="300dp"
    android:layout_margin="16dp"
    android:background="#FFFFFF/>

    <TextView>
    ...
    <Divider>
    ...
    <Button>
    ...
    <Button>
    ...

</WhiteBox>
</TableLayout>

“WhiteBox”当然是别的东西，但有可能做这样的事情吗？

4

3 回答 3

1

我建议让尽可能多的元素保持透明以防止过度绘制问题，但这取决于您的整体需求。通过使用@null背景，您可以更改基本背景元素，并且在其上绘制的所有内容都会相应更改（真正透明）。

布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white" 
    android:padding="10dp">

    <EditText
        android:id="@+id/editText1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@null"
        android:ems="10"
        android:gravity="center"
        android:inputType="text"
        android:text="Test"
        android:textColor="#CCC" >

        <requestFocus />
    </EditText>

    <View
        android:id="@+id/divider"
        android:layout_below="@+id/editText1"
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#CCC" />

    <LinearLayout
        android:id="@+id/buttons"
        android:layout_marginTop="10dp"
        android:layout_below="@+id/divider"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <Button
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight=".5"
            android:background="@drawable/testbutton"
            android:text="BUTTON 1"
            android:textColor="#CCC" />

        <Button
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight=".5"
            android:background="@drawable/testbutton"
            android:text="BUTTON 2"
            android:textColor="#CCC" />
    </LinearLayout>

</RelativeLayout>

按钮样式

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true">
        <shape>
            <solid android:color="@null" />
            <stroke android:width="1dp" android:color="#CCC" />
        </shape>    
    </item>
    <item>
        <shape>
            <solid android:color="@null" />
            <stroke android:width="1dp" android:color="#CCC" />
        </shape>
    </item>
</selector>
于 2013-09-07T17:24:52.213 回答
0

默认情况下，当您创建一个没有应用于父布局的背景的 xml 时，并且如果内部的小部件也没有任何背景图像/颜色集。它在屏幕上呈现白色。只是不要添加任何图像/颜色作为背景。您也可以将背景设置为白色。

android:background="#FFFFFF" set this to your widgets in xml. like button or text view etc to have it appear white.
于 2013-09-07T17:36:44.963 回答
0

是的，您可以继续使用您的方法。只需为您的背景设置为白色的内部布局留出边距。您还可以将您在内部布局中使用的文本视图和按钮的背景设置为白色。设置文本视图和按钮的文本颜色为灰色。例如：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#eae8e8">

<RelativeLayout 
    android:layout_width="200dp"
    android:layout_margin="30dp"
android:layout_height="200dp"
android:background="#FFFFFF"

    >
<TextView 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/text"
    android:layout_margin="50dp"
    android:text="TextView"
    android:textColor="@android:color/darker_gray"
    android:background="#FFFFFF"
    />
<Button 
    android:layout_marginTop="20dip"
    android:text="Button"
    android:textColor="@android:color/darker_gray"
    android:layout_below="@+id/text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/button1"
    android:background="#FFFFFF"
    />


</RelativeLayout>

</LinearLayout>
于 2013-09-07T19:15:00.373 回答