2014-08-31 56 views
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 1Image 2Image 3

+0

什么,当你滚动会怎么样? – 2014-08-31 07:57:00

+0

当我滚动表格越过textveiw,所以textview得到隐藏。我上传的图像链接来自我的PC虚拟设备。我没有与VM的问题我有pblm当我在我的手机上运行它,因为屏幕尺寸很小我需要滚动视图,但如果我滚动文本视图下表布局并获得隐藏。 – 2014-08-31 12:43:16

回答

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:[email protected]"@+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> 
+0

非常感谢你,让它工作完美.. – 2014-09-01 04:58:55

+0

我还有一个pbm图像链接,你可以在每列之后看到我会留下5dp的空白空间。有没有可能给这个特定的5dp空间添色彩? – 2014-09-01 05:15:34

+0

2014-09-02 06:36:16