Comment dimensionner une vue Android en fonction des dimensions de son parent

Question

Comment puis-je dimensionner une vue en fonction de la taille de sa mise en page parent. Par exemple j'ai un RelativeLayout qui remplit le plein écran, et je veux une vue d'enfant, disons un ImageView, pour prendre toute la taille, et 1/2 la largeur?

J'ai essayé sur tous les remplaçant onMeasure, onLayout, onSizeChanged, etc et je ne pouvais pas le faire fonctionner ....

Answer 1

Lorsque vous définissez une mise en page et vue sur XML, vous pouvez spécifier la mise en page La largeur et la hauteur d'une vue peuvent être soit du contenu en retour, soit remplir un parent. Prendre la moitié de la zone est un peu plus difficile, mais si vous aviez quelque chose que vous vouliez sur l'autre moitié, vous pourriez faire quelque chose comme ce qui suit. Donner deux choses du même poids signifie qu'elles vont s'étirer pour occuper la même proportion de l'écran. Pour plus d'informations sur les dispositions, voir the dev docs.

Answer 2

Roman, si vous voulez faire votre mise en page en code Java (ViewGroup descendant), c'est possible. L'astuce est que vous devez implémenter les méthodes onMeasure et onLayout. OnMeasure est appelé en premier et vous devez "mesurer" la sous-vue (en l'ajustant à la valeur désirée). Vous devez le redimensionner dans l'appel onLayout. Si vous ne parvenez pas à exécuter cette séquence ou si vous ne parvenez pas à appeler setMeasuredDimension() à la fin de votre code onMeasure, vous n'obtiendrez pas de résultats. Pourquoi est-ce conçu de manière si compliquée et fragile est au-delà de moi.

Answer 3

Vous pouvez résoudre ce problème en créant une vue personnalisée et remplacer la méthode onMeasure(). Si vous utilisez toujours "fill_parent" pour layout_width dans votre fichier XML, le paramètre widthMeasureSpec transmis à la méthode onMeasusre() doit contenir la largeur du parent.

public class MyCustomView extends TextView { 

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

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

     int parentWidth = MeasureSpec.getSize(widthMeasureSpec); 
     int parentHeight = MeasureSpec.getSize(heightMeasureSpec); 
     this.setMeasuredDimension(parentWidth/2, parentHeight); 
    } 
} 

Votre XML ressemblerait à quelque chose comme ceci:

<LinearLayout 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 
    <view 
     class="com.company.MyCustomView" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" /> 
</LinearLayout> 

Answer 4

Je ne sais pas si quelqu'un est en train de lire encore ce fil ou non, mais la solution de Jeff ne vous obtenir à mi-chemin (un peu littéralement) . Ce que son onMeasure fera est d'afficher la moitié de l'image dans la moitié du parent. Le problème est qu'appeler super.onMeasure avant le setMeasuredDimension mesurera tous les enfants dans la vue en fonction de la taille d'origine, puis coupez simplement la vue en deux lorsque le setMeasuredDimension la redimensionne.

, vous avez besoin au lieu d'appeler setMeasuredDimension (comme requis pour un remplacement de onMeasure) et fournissent une nouvelle LayoutParams pour votre vue, puis appel super.onMeasure. Souvenez-vous que vos LayoutParams sont dérivés du type parent de votre vue, et non du type de votre vue.

@Override 
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){ 
    int parentWidth = MeasureSpec.getSize(widthMeasureSpec); 
    int parentHeight = MeasureSpec.getSize(heightMeasureSpec); 
    this.setMeasuredDimension(parentWidth/2, parentHeight); 
    this.setLayoutParams(new *ParentLayoutType*.LayoutParams(parentWidth/2,parentHeight)); 
    super.onMeasure(widthMeasureSpec, heightMeasureSpec); 
} 

Je crois que la seule fois que vous aurez des problèmes avec le parent LayoutParams est si le parent est un AbsoluteLayout (qui est dépréciée, mais encore parfois utile).

Answer 5

Si l'autre côté est vide. Je suppose que le moyen le plus simple serait d'ajouter une vue vide (par exemple une disposition linéaire) puis définir les largeurs des deux vues à fill_parent et leurs deux poids à 1.

Cela fonctionne dans un LinearLayout ...

Answer 6

J'ai trouvé qu'il est préférable de ne pas déranger avec le réglage des dimensions mesurées vous-même. Il y a en fait un peu de négociation qui se passe entre les vues parent et enfant et vous ne voulez pas réécrire tout cela code. Ce que vous pouvez faire, cependant, est de modifier les measureSpecs, puis d'appeler super avec eux. Votre vue ne saura jamais qu'il devient un message modifié depuis son parent et se chargera de tout pour vous:

@Override 
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
    int parentHeight = MeasureSpec.getSize(heightMeasureSpec); 
    int myWidth = (int) (parentHeight * 0.5); 
    super.onMeasure(MeasureSpec.makeMeasureSpec(myWidth, MeasureSpec.EXACTLY), heightMeasureSpec); 
} 

Answer 7

Je crois que Mayras XML-approach peut venir propre. Cependant, il est possible de le rendre plus précis, avec une seule vue en définissant le weightSum. Je ne dirais pas cela un hack plus, mais à mon avis, l'approche la plus simple:

<LinearLayout android:layout_width="fill_parent" 
       android:layout_height="fill_parent" 
       android:weightSum="1"> 
    <ImageView android:layout_height="fill_parent" 
       android:layout_width="0dp" 
       android:layout_weight="0.5"/> 
</LinearLayout> 

Comme cela, vous pouvez utiliser tout le poids, par exemple 0,6 (et le centrage) est le poids que je préfère utiliser pour les boutons.

Answer 8

Il est quelque chose comme ceci:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    tools:context="com.company.myapp.ActivityOrFragment" 
    android:id="@+id/activity_or_fragment"> 

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/linearLayoutFirst" 
    android:weightSum="100"> <!-- Overall weights sum of children elements --> 

    <Spinner 
     android:layout_width="0dp" <!-- It's 0dp because is determined by android:layout_weight --> 
     android:layout_weight="50" 
     android:layout_height="wrap_content" 
     android:id="@+id/spinner" /> 

</LinearLayout> 


<LinearLayout 
    android:layout_height="wrap_content" 
    android:layout_width="match_parent" 
    android:layout_below="@+id/linearLayoutFirst" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentStart="true" 
    android:id="@+id/linearLayoutSecond"> 

    <EditText 
     android:layout_height="wrap_content" 
     android:layout_width="0dp" 
     android:layout_weight="75" 
     android:inputType="numberDecimal" 
     android:id="@+id/input" /> 

    <TextView 
     android:layout_height="wrap_content" 
     android:layout_width="0dp" 
     android:layout_weight="25" 
     android:id="@+id/result"/> 

</LinearLayout> 
</RelativeLayout> 

Answer 9

Essayez cette

int parentWidth = ((parentViewType)childView.getParent()).getWidth(); 
int parentHeight = ((parentViewType)childView.getParent()).getHeight(); 

vous pouvez utiliser LinearLayout.LayoutParams pour régler les paramètres de chileView

LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(childWidth,childLength); 
childView.setLayoutParams(params); 

Answer 10

J'ai une autre solution. Nous pouvons obtenir la largeur et la hauteur du parent, alors il vous suffit de l'utiliser pour calculer la taille et l'assigner aux paramètres de mise en page.
Comme ceci:

@Override 
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
    super.onMeasure(widthMeasureSpec, heightMeasureSpec); // Don't for get this 
    int parentWidth = ((View) getParent()).getMeasuredWidth(); 
    int parentHeight = ((View) getParent()).getMeasuredHeight(); 
    if (parentWidth*parentHeight != 0) { // Check if both width and height in non-zero 
     LayoutParams lp = getLayoutParams(); 
     lp.width = parentWidth/2; 
     lp.height = parentHeight; 
    } 
} 

Answer 11

Vous pouvez maintenant utiliser PercentRelativeLayout. Boom! Problème résolu.