ImageButton：Force square icon（height = WRAP_CONTENT，width =？）

Question

在我的水平LinearLayout中，我有一個TextEdit和一個ImageButton。 ImageButton和TextEdit一樣高。

我希望ImageButton和它一樣寬。

在它看起來像的ImageButton的寬度的時刻是當沒有縮放（ImageButton的寬度[像素] =未縮放可繪製寬度[像素]），如：

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

    <EditText 
     android:id="@+id/txtName" 
     android:layout_width="1dp" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" /> 

    <ImageButton 
     android:id="@+id/btSet" 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:scaleType="fitEnd" 
     android:src="@drawable/pin2" /> 

</LinearLayout> 

如何它應該看起來像：

Answer 1

你可以調整使用像素的圖像按鈕...像下面...

`android:layout_width="5px" 
    android:layout_height="5px"` 

Answer 2

只需使用weightSum到devide的相應控件的大小...

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" android:layout_width="fill_parent" 
     android:layout_height="fill_parent"> 

    <LinearLayout 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" 
    android:weightSum="1.0" > 

    <EditText 
     android:id="@+id/txtName" 
     android:layout_weight="0.8" 
     android:layout_height="wrap_content" 
     android:layout_width="0dp" 
     android:inputType="text" 
     android:singleLine="true"/> 

    <ImageButton 
     android:id="@+id/btSet" 
     android:layout_weight="0.2" 
     android:layout_height="wrap_content" 
     android:layout_width="0dp" 
     android:scaleType="fitEnd" 
     android:src="@drawable/pin2" /> 

    </LinearLayout> 
</LinearLayout> 

希望它會幫助你。

Answer 3

使用

android:scaleType="fitCenter" 

或android:scaleType="centerInside"

在ImageButton的XML文件中

。

Answer 4

試試這個，我覺得這應該工作：

<RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="40dp" 
    android:orientation="horizontal" > 

    <ImageButton 
     android:id="@+id/btSet" 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_alignParentRight="true" 
     android:scaleType="centerInside" 
     android:adjustViewBounds="true" 
     android:src="@drawable/pin2" /> 

    <EditText 
     android:id="@+id/txtName" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_toLeftOf="@id/btSet" /> 

</RelativeLayout> 

釋：centerInside將確保該圖像將在ImageButton的範圍內按比例縮放。 adjustViewBounds="true"會...好吧，如果圖像需要縮放，請調整視圖的邊界。

Answer 5

如你所願你的ImageButton是可拉伸&完全一樣寬它的長，它更好地使用NinePatch Image。你可以在這裏找到幫助形式Draw 9-patch & How does Android’s nine-patch tool work ?

Answer 6

嘗試添加

adjustViewBounds = 「真」

到ImageButton的，應當修剪多餘的寬度

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

    <EditText 
     android:id="@+id/txtName" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" /> 

    <ImageButton 
     android:id="@+id/btSet" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:adjustViewBounds="true" 
     android:src="@drawable/pin" /> 
</LinearLayout> 

Answer 7

<LinearLayout 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:orientation="horizontal" 
android:weightSum="1.0" > 

<EditText 
    android:id="@+id/txtName" 
    android:layout_weight="0.75" // this work like percentage adjust as u want 70 or 75 
    android:layout_height="wrap_content" 
    android:layout_width="0dp" 
    android:inputType="text" 
    android:singleLine="true"/> 

<ImageButton 
    android:id="@+id/btSet" 
    android:layout_weight="0.25" // this work like percentage adjust as u want 25 or 30 
    android:layout_height="wrap_content" 
    android:layout_width="0dp" 
    android:scaleType="fitEnd" 
    android:src="@drawable/pin2" /> 

</LinearLayout> 

Answer 8

只是將下面的行添加到您的ImageButton和額外的背景將消失：

android:layout_gravity="center|clip_horizontal" 

希望這個作品

Answer 9

恰好碰到了這樣的事情和其他的建議沒有幫助。有什麼幫助是在ImageButton中設置填充：

android:padding="5dp" 

除此之外，我沒有觸及原始佈局。按鈕成爲了我測試了3個仿真器（3.2，4.4.2，5.1）

Answer 10

我想我自己，它的工作原理

只要做到以下幾點...

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

    <EditText 
     android:id="@+id/editText1" 
     android:layout_width="0dp" 
     android:layout_weight="5" 
     android:layout_height="wrap_content" 
     android:inputType="text"/> 

    <ImageButton 
     android:id="@+id/imageButton" 
     android:layout_width="0dp" 
     android:layout_weight="1" 
     android:layout_height="match_parent" /> 

</LinearLayout> 

使用佈局方重量比5:1一個LinearLayout內部爲EditText和ImageButton

Answer 11

我可能是晚會有點晚了。 但是，通過重寫onMeasure（）可以輕鬆實現此行爲。 這是它會看起來像：

public class MySquareImageButton extends ImageButton { 
    public MySquareImageButton(Context context) { 
     super(context); 
    } 

    public MySquareImageButton(Context context, AttributeSet attrs) { 
     super(context, attrs); 
    } 

    public MySquareImageButton(Context context, AttributeSet attrs, int defStyleAttr) { 
     super(context, attrs, defStyleAttr); 
    } 

    @Override 
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
     //(1)if you want the height to match the width 
     super.onMeasure(widthMeasureSpec, widthMeasureSpec); 
     //(2)if you want the width to match the height 
     //super.onMeasure(heightMeasureSpec, heightMeasureSpec); 
    } 
} 

然後你只需與此自定義更換你的XML的ImageButton的：

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

    <EditText 
     android:id="@+id/txtName" 
     android:layout_width="1dp" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" /> 

    <com.whatever_your_package.MySquareImageButton 
     android:id="@+id/btSet" 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:scaleType="fitEnd" 
     android:src="@drawable/pin2" /> 

</LinearLayout> 

你會簡單地把WRAP_CONTENT至寬度或高度，取決於你想要決定你的按鈕的大小。 在這種情況下，你希望你的按鈕，它的高度換到的圖像，並且該寬度只是高度匹配，你會使用

 android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 

，並使用

 //(2)if you want the width to match the height 
     //super.onMeasure(heightMeasureSpec, heightMeasureSpec);