Niestandardowy kwadrat LinearLayout. W jaki sposób?

Question

tworzę moje własne klasy dla układu kwadratowy:

public class SquareLayout extends LinearLayout{ 

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

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

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


    @Override public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
     int width = MeasureSpec.getSize(widthMeasureSpec); 
     int height = MeasureSpec.getSize(heightMeasureSpec); 
     int size = width > height ? height : width; 
     setMeasuredDimension(size, size); 
    } 

Następnie w moim xml:

... 
     <com.myApp.SquareLayout 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:layout_gravity="center_horizontal" 
      android:orientation="horizontal" > 

      <ImageView 
       android:id="@+id/cellImageView" 
       android:adjustViewBounds="true" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:layout_marginTop="2dp" 
       android:padding="2dp" 
       android:scaleType="centerCrop" 
       android:src="@drawable/image" /> 
     </com.myApp.SquareLayout> 
... 

nic więcej napisane w moim kodu java. Ale zamiast tego, jeśli mój układ i mój obraz, widzę tylko biały prostokąt ...

Co jest nie tak?

Answer 1

// zapomnij wywołać super.onMeasure (widthMeasureSpec, widthMeasureSpec);

@Override 
public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 

    super.onMeasure(widthMeasureSpec, widthMeasureSpec); 
    int width = MeasureSpec.getSize(widthMeasureSpec); 
    int height = MeasureSpec.getSize(heightMeasureSpec); 
    int size = width > height ? height : width; 
    setMeasuredDimension(size, size); 

} 

// plik xml

<com.example.testapplication.SquareLayout 
    android:id="@+id/layout" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:layout_gravity="center_horizontal" 
    android:orientation="horizontal" > 

    <ImageView 
     android:id="@+id/cellImageView" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="2dp" 
     android:adjustViewBounds="true" 
     android:padding="2dp" 
     android:scaleType="centerCrop" 
     android:src="@drawable/ic_launcher" /> 

    </com.example.testapplication.SquareLayout> 

Answer 2

miałem problemy nazywając setMeasuredDimension bezpośrednio przy zastosowaniu tej samej techniki do RelativeLayout. Nie udało mi się prawidłowo wyrównać względem dolnej krawędzi. Zmiana na wywołanie na super.onMeasure() z nową miarą działa lepiej.

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

Answer 3

Edit:

Poniższy roztwór został już przestarzała, jak ConstraintLayout stał się nowym standardem i zapewnia tę funkcję.

Original Odpowiedź:

Okazuje się, że Android zespół dał nam rozwiązanie, ale nikt nie wie o tym! Sprawdź te dwie klasy z Percent Support Library:

• PercentFrameLayout
• PercentRelativeLayout

Jeśli chcesz nałożyć stosunek widoku, trzeba umieścić go w jednym z tych układów. W takim przypadku musisz umieścić standardową LinearLayout, a nie podklasę, w jednym z tych układów o odpowiednim współczynniku proporcji. Przykład, jeśli chcesz używać PercentFrameLayout:

<android.support.percent.PercentFrameLayout 
     xmlns:android="http://schemas.android.com/apk/res/android" 
     xmlns:app="http://schemas.android.com/apk/res-auto" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 
    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     app:layout_aspectRatio="100%"> 
     <!-- Whatever subviews you want here --> 
    </LinearLayout> 
</android.support.percent.PercentFrameLayout> 

I proszę, wszystkie widoki będą zawarte w kwadratowym układzie liniowym !

nie zapomnij dodać Gradle zależność compile 'com.android.support:percent:23.3.0' Adjust numer wersji wymagane