2013-05-15 111 views
4

如何將兩個按鈕並排放置在按鈕底部的圖像中?如何將兩個按鈕並排放置在按鈕底部的圖像中?

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" > 
<Button 
    android:id="@+id/a_button" 
    android:layout_width="wrap_content" 
    android:layout_height="35dp" 
    android:text="Button-a" /> 
<Button 
    android:id="@+id/b_button" 
    android:layout_width="wrap_content" 
    android:layout_height="35dp" 
    android:text="Button-b" /> 

</LinearLayout> 
+0

在另一個垂直方向的'LinearLayout'中使用另一個更適合作業的'ViewGroup',例如,一個'RelativeLayout'。 –

+0

你想要一個圖像的兩個按鈕? – Gagan

回答

1

而不是使用按鈕ü可以使用線性佈局(可點擊)並使用其ID而不是按鈕id.something這樣......使用此您可以自定義按鈕按您的要求的。

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="50dp" 
    android:orientation="horizontal" > 

//按鈕-A

<LinearLayout 
     android:id="@+id/a_button" 
     android:layout_width="0dp" 
     android:layout_height="fill_parent" 
     android:layout_weight="0.50" 
     android:orientation="vertical" 
    android:clickable="true"> 

     <TextView 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:gravity="center_horizontal|center_vertical" 
      android:text="Text-A" 
      android:paddingTop="10dip" 
      /> 

     <ImageView 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:scaleType="fitXY" 
      android:src="@drawable/image_A" 
      android:paddingTop="13dip" /> 

    </LinearLayout> 

//對於水平分割線

 <TextView 
     android:layout_width="2dp" 
     android:layout_height="fill_parent" 
     android:background="#303030" 
     android:paddingTop="20dip" /> 

//按鈕-B

 <LinearLayout 

     android:id="@+id/b_button" 
     android:layout_width="0dp" 
     android:layout_height="fill_parent" 
     android:layout_weight="0.50" 
     android:orientation="vertical" 
    android:clickable="true"> 


     <TextView 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:text="Text-B" 
      android:gravity="center_horizontal|center_vertical" 
      android:paddingTop="10dip" /> 

     <ImageView 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:scaleType="fitXY" 
      android:src="@drawable/image_B" 
      android:paddingTop="13dip" 
       /> 

    </LinearLayout> 
</LinearLayout> 
+0

謝謝...它爲我工作.... – Neeraj

1

下面線只需添加到這兩個您的按鈕並指定要使用的繪圖。

android:drawableBottom="@drawable/image" 

希望這會有所幫助。

編輯: 上面的方法工程,如果你想使用你的drawables,因爲它是即沒有修改其尺寸。如果你願意,你修改你繪製dimentions還有那麼你就可以做到這一點通過簡單的Java代碼寫在下面:

((Button)findViewById(R.id.button)).setCompoundDrawables(null, null, null, getDrawable(getApplicationContext(), R.drawable.image, 25)); 

..... .....

Drawable getDrawable(Context context, int drawable, float form_factor) { 
    Drawable imgDrawable = context.getResources().getDrawable(drawable); 
    imgDrawable.setBounds(0, 0, (int)form_factor, (int)form_factor); 
    return imgDrawable; 
} 
+0

是的,這是一個很好的解決方案,如果你必須設置圖像,因爲它...... – Saty

+0

沒錯。所有最好的:) – Gagan

+1

如果你想改變你正在使用的drawable的尺寸,我已經更新了我的解決方案。 – Gagan

1

您可以將帶有Drawable_Bottom屬性的按鈕底部的圖像。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
style="@android:attr/buttonBarStyle" 
android:orientation="horizontal" > 

<Button 
    android:id="@+id/a_button" 
    style="@android:attr/buttonBarButtonStyle" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:drawableBottom="@android:drawable/btn_star" 
    android:text="Button-a" /> 

<Button 
    android:id="@+id/b_button" 
    style="@android:attr/buttonBarButtonStyle" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:drawableBottom="@android:drawable/btn_star" 
    android:text="Button-b" /> 

</LinearLayout>