largeur de ImageView à 50 pour cent de la largeur de l'appareil Android

Question

avant de commencer, je dois dire que je suis un débutant dans le développement Android :) J'utilise une grille recyclerView et ont mis le nombre de colonnes à 2. Je ne Avoir un ImageView dans mon cardView et je ne sais pas comment faire de cette carte (ou Image) pour être 50% de la largeur de l'écran, parce que lorsque je définis sa hauteur et sa largeur avec des nombres, j'ai des problèmes sur différentes tailles d'écran.

J'ai lu et essayé quelques façons avec layout_weight mais cela ne fonctionne pas avec ce cardView.

card.xml

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="horizontal" 
    android:layout_width="200dp" 
    android:layout_height="200dp" 
    > 

    <ImageView 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:id="@+id/list_photo_double_view" 
     android:src="@drawable/e48" 
     /> 


</LinearLayout> 

Comment puis-je faire ici?

Merci à l'avance

Answer 1

Ces choses ont appered dans ConstraintLayout. Vous pouvez en savoir plus à ce sujet here et here.

Sans utiliser cette bibliothèque, je ne peux suggestion que vous en utilisant LinearLayout comme ceci:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="horizontal"> 

    <FrameLayout 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:layout_weight="1" /> 

    <ImageView 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:layout_weight="2" /> 

    <FrameLayout 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:layout_weight="1" /> 
</LinearLayout> 

Comme vous pouvez le voir. J'utilise l'attribut android:weight de LinearLayout pour que ImageView prenne 50% de la largeur de l'écran si linearlayout prend tout l'écran.

Il n'est pas nécessaire de définir weight_sum dans LinearLayout, il suffit d'utiliser layout_weight dans la disposition enfant et d'affecter la valeur. Et veillez à définir height ou width sur 0, si vous souhaitez créer les partitions verticalement ou horizontalement respectivement.

PS. layout_weight fonctionne uniquement avec LinearLayouts.

Answer 2

En utilisant la disposition relative de pourcentage, nous pouvons réaliser ceci facilement. Ci-joint, je vais vous expliquer comment implémenter le percentRelativeLayout.

Dépendance:

compile 'com.android.support:percent:23.3.0' 

Dans votre fichier de mise en page,

<android.support.percent.PercentRelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:paddingBottom="@dimen/activity_vertical_margin" 
    android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:paddingTop="@dimen/activity_vertical_margin" 
    tools:context=".MainActivity"> 


    <ImageView 
     app:layout_widthPercent="match_parent" 
     app:layout_heightPercent="50%"/> 

</android.support.percent.PercentRelativeLayout> 

Espérons que cela est utile :)