ImageView ein Quadrat mit dynamischer Breite sein?

Question

Ich habe eine GridView mit ImageViews innerhalb. Ich habe 3 von ihnen für jede Reihe. Ich kann die Breite mit WRAP_CONTENT und scaleType = CENTER_CROP korrekt einstellen, aber ich weiß nicht, wie die ImageView-Größe zu einem Quadrat festgelegt wird. Hier ist, was ich bisher getan habe, es mit Ausnahme der Höhe in Ordnung zu sein scheint, das ist „statisch“:

imageView = new ImageView(context);  
imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); 
imageView.setLayoutParams(new GridView.LayoutParams(GridView.LayoutParams.WRAP_CONTENT, 300)); 

ich es in einem Adapter mache.

Answer 1

Die beste Möglichkeit ist ImageView sich, das Überschreiben der Maßübergabe Unterklasse:

public class SquareImageView extends ImageView { 

    ... 

    @Override 
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
    super.onMeasure(widthMeasureSpec, heightMeasureSpec); 

    int width = getMeasuredWidth(); 
    setMeasuredDimension(width, width); 
    } 

    ... 

} 

Answer 2

Die andere Antwort funktioniert gut. Dies ist nur eine Erweiterung der Bertucci-Lösung, um ein ImageView mit quadratischer Breite und Höhe in Bezug auf das xml-überhöhte Layout zu erstellen.

Erstellen Sie eine Klasse, sagen eine SquareImageView Image wie diese erstreckt,

public class SquareImageView extends ImageView { 

    public SquareImageView(Context context) { 
     super(context); 
    } 

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

    public SquareImageView(Context context, AttributeSet attrs, int defStyle) { 
     super(context, attrs, defStyle); 
    } 

    @Override 
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
     super.onMeasure(widthMeasureSpec, heightMeasureSpec); 

     int width = getMeasuredWidth(); 
     setMeasuredDimension(width, width); 
    } 

} 

Nun, dies in Ihrem xml tun,

 <com.packagepath.tothis.SquareImageView 
      android:id="@+id/Imageview" 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" /> 

Wenn Sie eine Image müssen dynamisch Programm erstellt nicht zu Stattdessen, um in xml behoben zu werden, wird diese Implementierung hilfreich sein.

Answer 3

Noch einfacher:

public class SquareImageView extends ImageView { 
    ... 
    @Override 
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
     super.onMeasure(widthMeasureSpec, widthMeasureSpec); 
    }  
} 

Answer 4

Einige der bisherigen Antworten sind vollkommen ausreichend. Ich füge nur eine kleine Optimierung sowohl @Andro Selva und @ a.bertucci Lösungen hier hinzu:

Es ist eine winzige Optimierung, aber überprüfen, dass die Breite und die Höhe unterschiedlich sind, könnte einen anderen Messdurchlauf verhindern.

public class SquareImageView extends ImageView { 

    public SquareImageView(Context context) { 
     super(context); 
    } 

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

    public SquareImageView(Context context, AttributeSet attrs, int defStyle) { 
     super(context, attrs, defStyle); 
    } 

    @Override 
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
     super.onMeasure(widthMeasureSpec, widthMeasureSpec); 

     int width = getMeasuredWidth(); 
     int height = getMeasuredHeight(); 

     // Optimization so we don't measure twice unless we need to 
     if (width != height) { 
      setMeasuredDimension(width, width); 
     } 
    } 

} 

Answer 5

Hier sind alle unnötigen Aufruf seiner Oberklasse für onMeasure. Hier ist meine Implementierung

@Override 
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
     int width = MeasureSpec.getSize(widthMeasureSpec); 
     int height = MeasureSpec.getSize(heightMeasureSpec); 
     int size = Math.min(width, height); 
     setMeasuredDimension(size, size); 
    }