使Textview和按钮不相互重叠

时间:2014-08-31 07:30:29

标签: android eclipse

当我在移动设备中滚动时,我的表格布局与文本视图重叠,因此由于与表格行背景颜色相同的字体颜色而变得不可见。在滚动期间,我希望文本视图保持不变,并且表格和文本视图不会合并彼此。' 0' 0在顶部是文本视图。 Plz帮我开发了一个小游戏。

  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"   
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="top"
    tools:context="com.example.myfirsstpro.MainActivity" >

    <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="50dp"    
            android:text="0"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <ScrollView 
        android:layout_width="match_parent"
        android:layout_height="wrap_content" > 

        <TableLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_margin="20dp"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true" > 
    <TableRow
                android:id="@+id/tableRow1"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content" >
                <Button
                    android:id="@+id/button1"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="12"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" />

            <Button
                    android:id="@+id/button2"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="9"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" />
            <Button
                    android:id="@+id/button3"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="5"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" />
            <Button
                    android:id="@+id/button4"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="10"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" />

            </TableRow>

                              <!-- Row Two -->
            <TableRow
                android:id="@+id/tableRow2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" >
                <Button
                    android:id="@+id/button5"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="5"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" /> 
            <Button
                    android:id="@+id/button6"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="8"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" />
            <Button
                    android:id="@+id/button7"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="11"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" />
            <Button
                    android:id="@+id/button8"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="8"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" />
            </TableRow>
                        <!-- Row 3 -->
            <TableRow
                android:id="@+id/tableRow3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" >
                 <Button
                    android:id="@+id/button9"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="9"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" /> 
            <Button
                    android:id="@+id/button10"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="10"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" />
            <Button
                    android:id="@+id/button11"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="11"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" />
            <Button
                    android:id="@+id/button12"                
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="12"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" />
            </TableRow>

            <TableRow
                android:id="@+id/tableRow4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" >
            </TableRow>    
        </TableLayout>
        </ScrollView>

    </RelativeLayout>

Image 1 Image 2 Image 3

1 个答案:

答案 0 :(得分:0)

试试这个:

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"   
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="top"
    tools:context="com.example.myfirsstpro.MainActivity" >

    <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="50dp"    
            android:text="0"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <ScrollView 
        android:layout_below=@"@+id/textView1" <=== added this line
        android:layout_width="match_parent"
        android:layout_height="wrap_content" > 

        <TableLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_margin="20dp"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true" > 
    <TableRow
                android:id="@+id/tableRow1"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content" >
                <Button
                    android:id="@+id/button1"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="12"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" />

            <Button
                    android:id="@+id/button2"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="9"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" />
            <Button
                    android:id="@+id/button3"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="5"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" />
            <Button
                    android:id="@+id/button4"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="10"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" />

            </TableRow>

                              <!-- Row Two -->
            <TableRow
                android:id="@+id/tableRow2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" >
                <Button
                    android:id="@+id/button5"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="5"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" /> 
            <Button
                    android:id="@+id/button6"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="8"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" />
            <Button
                    android:id="@+id/button7"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="11"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" />
            <Button
                    android:id="@+id/button8"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="8"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" />
            </TableRow>
                        <!-- Row 3 -->
            <TableRow
                android:id="@+id/tableRow3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" >
                 <Button
                    android:id="@+id/button9"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="9"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" /> 
            <Button
                    android:id="@+id/button10"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="10"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" />
            <Button
                    android:id="@+id/button11"
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="11"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" />
            <Button
                    android:id="@+id/button12"                
                    android:layout_marginTop="5dp"
                    android:layout_width="150dp"
                    android:layout_height="200dp"
                    android:layout_marginRight="5dp"
                    android:scaleType="fitXY"
                    android:layout_weight="1"
                    android:text="12"
                    android:textSize="0dp"
                    android:background="@drawable/images_all" />
            </TableRow>

            <TableRow
                android:id="@+id/tableRow4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" >
            </TableRow>    
        </TableLayout>
        </ScrollView>

    </RelativeLayout>