2014-08-31 27 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