ImageButton: Quadratisches Symbol erzwingen (Höhe = WRAP_CONTENT, Breite =?)

Question

In meinem horizontalen LinearLayout habe ich einen TextEdit und einen ImageButton. Der ImageButton ist so hoch wie der TextEdit.

Ich möchte, dass der ImageButton genau so breit wie lang ist.

Im Moment ist es wie die Breite des Image aussieht, ist wie wenn keine Skalierung gibt es (Image Breite [Pixel] = unscaled ziehbar Breite [px]):

<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> 

Wie es sollte wie folgt aussehen:

Answer 1

Sie die Schaltfläche Bild Pixel mit der Größe verändern können ... wie unten ...

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

Answer 2

Verwenden Sie einfach den weightSum die Größe der Steuerelemente entsprechend 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> 

Hoffe, es wird Ihnen helfen.

Answer 3

Verwenden

android:scaleType="fitCenter" 

oder android:scaleType="centerInside"

in der Image in XML-Datei.

Answer 4

die Sie interessieren, ich denke, das sollte funktionieren:

<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> 

Explaination:centerInside wird sicherstellen, dass das Bild proportional innerhalb der Grenzen des ImageButton skaliert. adjustViewBounds="true" wird ... nun, die Grenzen der Ansicht anpassen, wenn das Bild skaliert werden muss.

Answer 5

wie Sie möchten, dass Ihre ImageButton ist dehnbar & genau so breit wie es lang ist, ist es besser, NinePatch Image zu verwenden.Sie können hier Hilfe Formular finden Draw 9-patch & How does Android’s nine-patch tool work ?

Answer 6

try

adjustViewBounds = "true"

zum Image fügte hinzu, dass die überschüssige Breite

Clip sollte

<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

einfach die folgende Zeile in die Image hinzufügen und die zusätzlichen Hintergrund verblassen weg:

android:layout_gravity="center|clip_horizontal" 

Hoffnung das funktioniert

Answer 9

lief einfach in so etwas wie die anderen Vorschläge nicht helfen. Was tat Hilfe wurde in der Image die Polsterung Einstellung:

android:padding="5dp" 

Abgesehen davon, habe ich nicht das ursprüngliche Layout berühren. Der Knopf wurde Platz auf den 3-Emulatoren, die ich getestet (3.2, 4.4.2, 5.1)

Answer 10

versuchte ich mich, es funktioniert

einfach tun, um die folgende ...

<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> 

Verwendung Skizze Gewichtsverhältnis von 5: 1 in einem LinearLayout für EditText und ImageButton

Answer 11

ich könnte sein, ein bisschen spät zur Party. Es gibt jedoch eine einfache Möglichkeit, dieses Verhalten zu erreichen, indem onMeasure() überschrieben wird. Hier ist, wie es aussehen würde:

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); 
    } 
} 

Und dann würden Sie einfach Ihre XML die Image mit diesem Brauch ersetzen ein:

<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> 

Sie einfach wrap_content setzen würde oder Höhe Breite, je auf welchem ​​man die Größe des Knopfes diktieren möchte. Im Fall, dass Sie möchten, dass Ihre Schaltfläche seine Höhe auf das Bild wickeln, und dass die Breite einfach die Höhe passt, dann würden Sie

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

und

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