Android：ボタンの下にテキストを配置する

Question

イメージの下にテキストを配置しようとしていますが、テキストがイメージの上に重ねて表示されています。

<Button 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:background="@drawable/snap" 
     android:textColor="#FFFFFF" 
     android:id="@+id/shutterButton" 
     android:paddingTop="32sp" 
     android:drawablePadding="-22sp" 
     android:text="SNAP"></Button> 

OUTPUT

どのように私は、画像の下にテキストを配置にしてください。多くのおかげで

Answer 1

使用android:drawableTop="@drawable/snap"の代わりに、android:background="@drawable/snap"とあなたのテキストの上描画可能なを描くの面倒をandroid:drawableTopandroid:paddingTop="32sp"とandroid:drawablePadding="-22sp"

プロパティを取り除きます。私はPercentRelativeLayoutを使用 注：例えば

<Button 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:drawableTop="@drawable/snap" 
    android:textColor="#FFFFFF" 
    android:id="@+id/shutterButton" 
    android:text="SNAP" /> 

Answer 2

<Button 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:drawableTop="@drawable/snap" 
     android:textColor="#FFFFFF" 
     android:id="@+id/shutterButton" 
     android:paddingTop="32sp" 
     android:drawablePadding="-22sp" 
     android:text="SNAP"></Button> 

Answer 3

これは私がこれを達成するために使用するものです。

<Button 
    android:text="@string/Tesksten" <-- and of course the text. 
    android:id="@+id/btContent" 
    android:drawableTop="@drawable/ic_menu" <-- display icon on top 
    android:layout_width="0dp" 
    android:layout_height="0dp" 
    app:layout_heightPercent="16%" 
    app:layout_widthPercent="100%" 
    android:textColor="#000000" 
    android:background="#f0f0f0" 
    android:textStyle="bold" 
    android:alpha="0.65" 
    android:layout_marginBottom="10dp"/> 

それがどのように見えるか：

Answer 4

私はボタンとテキストフィールドとして別々の容器を入れ、その後、垂直方向とのLinearLayoutでそれらの両方を置きます

：

`

<LinearLayout 
     android:orientation="vertical" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_below="@+id/textView" 
     android:layout_centerHorizontal="true" 
     android:layout_marginTop="87dp"> 

     <Button 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:background="@drawable/snap" 
      android:id="@+id/buttonCamera" /> 

     <TextView 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:textAppearance="?android:attr/textAppearanceSmall" 
      android:text="SNAP" 
      android:id="@+id/textSnap" 
      android:textAlignment="center" /> 
    </LinearLayout> 

「