ImageView後沒有顯示TextView

Question

我想要一個圖像按鈕，下面的圖像按鈕我想要文本視圖。我認爲我做得很好，但沒有出現。有任何想法嗎？

下面是代碼：

<?xml version="1.0" encoding="utf-8"?> 

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
       android:layout_width="fill_parent" 
       android:layout_height="fill_parent" 
       android:background="#A9F5E1" 
       android:orientation="vertical"> 
    <TableRow android:padding="5dp" 
       android:paddingBottom="10dp"> 
     <ImageButton android:layout_height="150dp" 
        android:layout_width="400dp" 
        android:src="@drawable/flood_sign" 
        android:background="@android:color/transparent" 
        android:id="@+id/enterPreventiva"/> 
     <TextView android:layout_height="wrap_content" 
        android:layout_width="fill_parent" 
        android:text="@string/preventiva" 
        android:textColor="#FFFFFF"/> 
    </TableRow> 
</TableLayout> 

Answer 1

添加一個新行，並將其放置在那裏。

<?xml version="1.0" encoding="utf-8"?> 

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:background="#A9F5E1" 
      android:orientation="vertical"> 
    <TableRow android:padding="5dp" 
      android:paddingBottom="10dp"> 
     <ImageButton android:layout_height="150dp" 
       android:layout_width="400dp" 
       android:src="@drawable/flood_sign" 
       android:background="@android:color/transparent" 
       android:id="@+id/enterPreventiva"/> 
    </TableRow> 
    <TableRow android:padding="5dp" 
      android:paddingBottom="10dp"> 
     <TextView android:layout_height="wrap_content" 
       android:layout_width="fill_parent" 
       android:text="@string/preventiva" 
       android:textColor="#FFFFFF"/> 
    </TableRow> 
</TableLayout> 

Answer 2

在那裏使用框架佈局。它會重疊文本按鈕上

<FrameLayout 
     android:layout_width="wrap_content" 
    android:layout_height="match_parent"> 
    <ImageButton android:layout_height="150dp" 
        android:layout_width="400dp" 
        android:src="@drawable/flood_sign" 
        android:background="@android:color/transparent" 
        android:id="@+id/enterPreventiva"> 
    </ImageButton> 

    <TextView android:layout_height="wrap_content" 
       android:layout_width="fill_parent" 
       android:text="@string/preventiva" 
       android:textColor="#FFFFFF"> 
    </TextView> 
</FrameLayout> 

Answer 3

你需要reduse你的ImageButton的寬度

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:background="#A9F5E1" 
      android:orientation="vertical"> 
<TableRow android:padding="5dp" 
      android:paddingBottom="10dp"> 
    <ImageButton android:layout_height="150dp" 
       android:layout_width="200dp" 
       android:src="@drawable/ic_launcher" 
       android:background="@android:color/transparent" 
       android:id="@+id/enterPreventiva"/> 
    <TextView android:layout_height="wrap_content" 
       android:layout_width="fill_parent" 
       android:text="pratik" 
       android:textColor="#FFFFFF"/> 
</TableRow> 

否則，你可以利用這個文本在新行

Answer 4

你可以這樣做方式：

<?xml version="1.0" encoding="utf-8"?> 

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
       android:layout_width="fill_parent" 
       android:layout_height="fill_parent" 
       android:background="#A9F5E1" 
       android:orientation="vertical"> 
    <TableRow android:padding="5dp" 
       android:paddingBottom="10dp"> 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" > 

      <ImageButton 
       android:id="@+id/enterPreventiva" 
       android:layout_width="400dp" 
       android:layout_height="150dp" 
       android:background="@android:color/transparent" 
       android:src="@drawable/ic_launcher" /> 

      <TextView 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:text="tes" 
       android:textColor="#000000" 
       android:textSize="50dp" /> 

     </LinearLayout> 

    </TableRow> 
</TableLayout>