Android relative de la mise en page avec le bouton de largeur à l'aide de poids

J'ai utilisé le layout_weight paramètre pour définir la largeur des boutons à 70% du total de la largeur de la présentation, mais il semble que je suis en manque quelques détails importants afin de le faire fonctionner.

(Une autre solution serait de travailler avec display.getWidth() de la programmation, mais ça ne fonctionne pas non plus, parce que je ne sais pas ce que mes .xml doit regarder comme Si je choisis de régler la largeur avec button.setWidth())

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="fill_parent" 
    android:layout_width="fill_parent"
    android:layout_weight="1.0">
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textSize="15px"  
        android:id="@+id/userVersionTextViewNew"
        android:gravity="center"
        android:layout_centerVertical="true"/>
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textSize="15px"
        android:gravity="center"
        android:layout_above="@id/userVersionTextViewNew"
        android:id="@+id/userSoftSerialNumberTextView"/>
    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:src="@drawable/logo_200"
        android:layout_above="@id/userSoftSerialNumberTextView"
        android:layout_centerHorizontal="true"/>    
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textSize="15px"
        android:gravity="center"
        android:layout_below="@id/userVersionTextViewNew"
        android:id="@+id/dummyTextView"/>       
    <Button
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/loginButton"
        android:text="Σύνδεση"
        android:layout_centerHorizontal="true"
        android:layout_below="@id/dummyTextView"
        android:layout_weight="0.7"/>
    <Button
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/demoLoginButton"
        android:text="Δοκιμαστική χρήση"
        android:layout_centerHorizontal="true"
        android:layout_below="@id/loginButton"
        android:layout_weight="0.7"/>
</RelativeLayout>

Semble que cela peut vous aider: stackoverflow.com/questions/4961355/...
sur une note de côté, il n'est pas recommandé d'utiliser px avec textsize au lieu d'utiliser sp
je vous remercie. Je vais garder cela à l'esprit! 🙂

OriginalL'auteur iCantSeeSharp | 2011-10-21

Essayer..

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="fill_parent" 
android:layout_width="fill_parent">
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textSize="15px"  
android:id="@+id/userVersionTextViewNew"
android:gravity="center"
android:layout_centerVertical="true"/>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textSize="15px"
android:gravity="center"
android:layout_above="@id/userVersionTextViewNew"
android:id="@+id/userSoftSerialNumberTextView"/>
<ImageView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:src="@drawable/logo_200"
android:layout_above="@id/userSoftSerialNumberTextView"
android:layout_centerHorizontal="true"/>    
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textSize="15px"
android:gravity="center"
android:layout_below="@id/userVersionTextViewNew"
android:id="@+id/dummyTextView"/>      
<LinearLayout  
android:layout_height="wrap_content"  
android:layout_width="fill_parent" 
android:gravity = "center_horizontal"
android:layout_below="@id/dummyTextView"
android:id="@+id/loginButtonLayout"
android:weightSum="1.0">  
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/loginButton"
android:text="Σύνδεση"
android:layout_weight="0.7"/>
</LinearLayout>
<LinearLayout  
android:layout_height="wrap_content"  
android:layout_width="fill_parent" 
android:gravity = "center_horizontal"
android:layout_below="@id/loginButtonLayout"
android:weightSum="1.0">  
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/demoLoginButton"
android:text="Δοκιμαστική χρήση"
android:layout_weight="0.7"/>
</LinearLayout>
</RelativeLayout>

Il fonctionne presque parfaitement, le premier bouton est un peu plus petit que le second. Je soupçonne que c'est la taille du texte qui compte.
Pour obtenir à la fois le bouton de la même taille c'est à dire 70% de la largeur de l'écran, il suffit de changer le paramètre de largeur de bouton pour android:layout_width="0dp"
Bien que cette réponse est valide, le code ne permet pas d'expliquer lui-même. Voir ci-dessous pour une meilleure réponse globale, y compris un code et une explication de pourquoi cela fonctionne.

OriginalL'auteur

Le Problème

Vous ne pouvez pas utiliser la layout_weight paramètres sur un RelativeLayout. Ce sont des paramètres à partir de la LinearLayout. Je vais vous donner quelques informations supplémentaires sur les différences plus tard ci-dessous. Mais d'abord, à propos de la solution de cette question

Une Solution

Utiliser un LinearLayout où vous pouvez positionner des éléments dans une rangée avec une répartition du poids. N'oubliez pas d'utiliser le 0dp largeur lors de l'ajout d'layout_weights si! L'exemple ci-dessous montre la répartition du poids de 70/30.

<LinearLayout
android:id="@+id/wrapper"
android:layout_width="fill_parent" 
android:layout_height="wrap_content"
android:weightSum="1.0" >
<Button
android:text="left" 
android:layout_width="0dp" 
android:layout_height="wrap_content" 
android:layout_weight=".70" /> 
<Button
android:text="right" 
android:layout_width="0dp" 
android:layout_height="wrap_content" 
android:layout_weight=".30" />
</LinearLayout>

Tout cela dans le RelativeLayout vous avez déjà eu dans votre code. Le reste de cette réponse de l'arrière-plan de l'information que tout le monde à ces questions, il faut lire pour comprendre ce qu'ils font.

RelativeLayout

Chaque fois que vous commencez avec une mise en page avec plus d'un élément, je vous conseille de préférer un RelativeLayout en faveur de l'Linéaire chose. Le RelativeLayout est très puissant et permet de positionner les éléments en relation les uns aux autres (leftOf, ci-dessous, ...). Dans la plupart des cas, c'est plus que ce que vous aurez jamais besoin.

Un exemple de le développement android document (croyez-moi, c'est tous là):

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:paddingLeft="16dp"
android:paddingRight="16dp" >
<EditText
android:id="@+id/name"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:hint="@string/reminder" />
<Spinner
android:id="@+id/dates"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_below="@id/name"
android:layout_alignParentLeft="true"
android:layout_toLeftOf="@+id/times" />
<Spinner
android:id="@id/times"
android:layout_width="96dp"
android:layout_height="wrap_content"
android:layout_below="@id/name"
android:layout_alignParentRight="true" />
<Button
android:layout_width="96dp"
android:layout_height="wrap_content"
android:layout_below="@id/times"
android:layout_alignParentRight="true"
android:text="@string/done" />
</RelativeLayout>

LinearLayout

Le LinearLayout peut paraître très capable, mais aussi dans le but d'obtenir tout trié avec seulement Linéaires, vous aurez plus de chances de commencer l'imbrication de ces dispositions. Et c'est là où il est laid performance sage.

Encore un exemple de le développement android documentation.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:paddingLeft="16dp"
android:paddingRight="16dp"
android:orientation="vertical" >
<EditText
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:hint="@string/to" />
<EditText
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:hint="@string/subject" />
<EditText
android:layout_width="fill_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:gravity="top"
android:hint="@string/message" />
<Button
android:layout_width="100dp"
android:layout_height="wrap_content"
android:layout_gravity="right"
android:text="@string/send" />
</LinearLayout>

OriginalL'auteur

6

Je ne pense pas que layout_weight fonctionne à l'intérieur d'un RelativeLayout. Peut-être que vous devriez ajouter un LinearLayout à l'intérieur de la RelativeLayout et l'utilisation layout_weight à l'intérieur.

Également lors de l'utilisation layout_weight vous devez habituellement avoir la largeur ou la hauteur de l'objet défini comme 0dp, donc dans votre cas comme ceci:
```
android:layout_weight="0.7"
android:layout_height="0dp"
```
OriginalL'auteur

Je sais que cette question est ancienne, mais juste pour quelqu'un qui recherche une solution:

Google a présenté la nouvelle API appelée android.de soutien.pour cent

PercentRelativeLayout exactement votre cas:

<android.support.percent.PercentRelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="fill_parent" 
android:layout_width="fill_parent">
<!-- Other controls -->
<Button
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:id="@+id/loginButton"
android:text="Σύνδεση"
android:layout_centerHorizontal="true"
android:layout_below="@id/dummyTextView"
app:layout_widthPercent="70%"/>
<!-- Other controls -->
</android.support.percent.PercentRelativeLayout>

OriginalL'auteur

1

layout_weight, les travaux sur le LinearLayout en tant que parent. je pense donc que le problème se situe là. vous avez à utiliser un mélange de tous les linéaires de mise en page et relative mises en page pour réaliser ce dont vous avez besoin.

OriginalL'auteur
0

Je pense que vous ne devez pas définir android:layout_weight="1.0" dans Relative disposition tag, si vous souhaitez définir la longueur de bouton, puis d'autres le "wrap_content"

Non, ça ne marchera pas..
android:layout_weight ne fonctionne que pour les LinearLayout, pas RelativeLayout

OriginalL'auteur

@Hcpl correctement mentionné dans sa réponse:

Vous ne pouvez pas utiliser la layout_weight paramètres sur un RelativeLayout. Ce sont des paramètres à partir de la LinearLayout.

Oui, il a raison! Mais pensez - impact négatif sur les performances causés par des mises en page.

Avec l'introduction de ConstraintLayout, vous pouvez résoudre votre problème sans imbriquée LinearLayout. Vous venez de coller deux verticales des lignes directrices de 15% et 85% des marges et de la place des boutons entre eux.

Android relative de la mise en page avec le bouton de largeur à l'aide de poids

Voici la mise en page du code source:

<android.support.constraint.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_height="match_parent"
android:layout_width="match_parent">
<TextView
android:id="@+id/userVersionTextViewNew"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="15sp"
android:text="userVersionTextViewNew"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintBottom_toTopOf="@+id/userSoftSerialNumberTextView"
app:layout_constraintVertical_chainStyle="packed" />
<TextView
android:id="@+id/userSoftSerialNumberTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="15sp"
android:text="userSoftSerialNumberTextView"
app:layout_constraintTop_toBottomOf="@+id/userVersionTextViewNew"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintBottom_toTopOf="@+id/imageView" />
<ImageView
android:id="@+id/imageView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/logo_200"
app:layout_constraintTop_toBottomOf="@+id/userSoftSerialNumberTextView"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintBottom_toTopOf="@+id/dummyTextView" />
<TextView
android:id="@+id/dummyTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="15sp"
android:text="dummyTextView"
app:layout_constraintTop_toBottomOf="@+id/imageView"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintBottom_toTopOf="@+id/loginButton" />
<Button
android:id="@+id/loginButton"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="Σύνδεση"
app:layout_constraintTop_toBottomOf="@+id/dummyTextView"
app:layout_constraintLeft_toLeftOf="@+id/leftGuideline"
app:layout_constraintRight_toLeftOf="@+id/rightGuideline"
app:layout_constraintBottom_toTopOf="@+id/demoLoginButton" />
<Button
android:id="@+id/demoLoginButton"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="Δοκιμαστική χρήση"
app:layout_constraintTop_toBottomOf="@+id/loginButton"
app:layout_constraintLeft_toLeftOf="@+id/leftGuideline"
app:layout_constraintRight_toLeftOf="@+id/rightGuideline"
app:layout_constraintBottom_toBottomOf="parent" />
<android.support.constraint.Guideline
android:id="@+id/leftGuideline"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.15" />
<android.support.constraint.Guideline
android:id="@+id/rightGuideline"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.85" />
</android.support.constraint.ConstraintLayout>

Comme un résultat que vous obtenez ce point de vue:

Android relative de la mise en page avec le bouton de largeur à l'aide de poids

Vous pouvez trouver plus de détails en La conception d'interfaces avec ConstraintLayout.

OriginalL'auteur

-1

Essayer Cela,

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout  
xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_height="fill_parent"  
android:layout_width="fill_parent" 
android:orientation="vertical"
android:layout_weight="10"> 
<TextView 
android:layout_width="fill_parent" 
android:layout_height="0dp" 
android:textSize="15px"   
android:id="@+id/userVersionTextViewNew" 
android:layout_weight="0.75"
/> 
<TextView 
android:layout_width="fill_parent" 
android:layout_height="0dp" 
android:textSize="15px" 
android:layout_weight="0.75"
android:id="@+id/userSoftSerialNumberTextView"/> 
<ImageView 
android:layout_width="fill_parent" 
android:layout_height="0dp" 
android:src="@drawable/logo_200" 
android:layout_weight="0.75"/>     
<TextView 
android:layout_width="fill_parent" 
android:layout_height="0dp" 
android:textSize="15px" 
android:layout_weight="0.75"
android:id="@+id/dummyTextView"/>        
<Button 
android:layout_width="fill_parent" 
android:layout_height="0dp" 
android:id="@+id/loginButton" 
android:text="Σύνδεση" 
android:layout_weight="3.5"/> 
<Button 
android:layout_width="fill_parent" 
android:layout_height="0dp" 
android:id="@+id/demoLoginButton" 
android:text="Δοκιμαστική χρήση" 
android:layout_weight="3.5"/> 
</LinearLayout>

Je suppose que tu veux dire 7.5 au lieu de 0,75.
non, je veux dire de 0,75...vous voulez que 70% de votre bouton, puis..cela donnera à 70% pour les 2 dernières bouton de repos et de 30% à 4 texte et image..juste essayer et de me dire..
Encore, les boutons sont à 100% de la largeur et de plus, ils occupate la moitié de ma totale de la fenêtre, plus de 50% du contenu de l'onglet.
le code ci-dessus est de définir le poids de la hauteur ..pas pour la largeur..comment voulez-vous regarder le xml, si possible, post image ci-dessus
Dans mon premier post, j'ai écrit sur le bouton de largeur de 70% de la largeur totale. Et ma méthode ne pouvait pas travailler, il est donc à propos de la résolution de ce problème.

OriginalL'auteur

-2

Tout d'abord, ajouter le param android:weightSum="1.0" pour le conteneur (dans ce cas, l'ajouter à RelativeLayout).

Ensuite, définir le poids de chacun de leurs enfants. Par exemple, si vous ajoutez un bouton de cette
```
android:layout_weight="0.5"
android:layout_width="0px"
```
le bouton de 50% de la largeur totale.

Il n'accepte pas android:layout_width="0", "0px", mais les boutons ont disparu.
L'éditeur xml dans eclipse, de la marque avec un message d'erreur.
Désolé, c'est "0dp" ou "0px" ou similaire... Vous devez définir ce paramètre params à tous les enfants
Tous les éléments ne sont pas visibles de cette façon..
La somme de tous les layout_weight doit être égale à layout_weightSum

OriginalL'auteur

Vous devez vous connecter pour publier un commentaire.