Atribuir largura à metade da largura da tela disponível declarativamente


113

É possível atribuir a largura de um widget à metade da largura da tela disponível e fazer isso usando xml declarativo?

Respostas:


274

Se o seu widget for um botão:

<LinearLayout android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:weightSum="2"
    android:orientation="horizontal">
    <Button android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="somebutton"/>

    <TextView android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"/>
</LinearLayout>

Suponho que você queira que seu widget ocupe uma metade e outro widget ocupe a outra metade. O truque é usar um LinearLayout, configurando layout_width="fill_parent"em ambos os widgets e configurando layout_weightcom o mesmo valor em ambos os widgets também. Se houver dois widgets, ambos com o mesmo peso, o LinearLayout dividirá a largura entre os dois widgets.


15
Melhor usar android: layout_width = "0dp" para ambos os elementos filho, evitando dimensioná-los duas vezes.
tomash

2
Nunca entendi por que você teve que declarar o layout_width = "0dp"
Andrew,

Você também pode usar <Space /> nas versões posteriores do Android como preenchimento. Eu acho que View é um pouco mais leve que TextView se você apenas pretende usá-lo como preenchimento. layout_width = "0dp" é realmente a abordagem recomendada de acordo com a documentação do Android.
Muz

Funciona bem! Muito obrigado!!
IcyFlame de

1
@Andrew: porque desta forma o renderizador de layout não tenta trabalhar com o layout_width do componente, ele pula diretamente para compartilhar a largura extra de acordo com os pesos.
njzk2

43

Usando layout de restrições

  1. Adicionar uma Diretriz
  2. Defina a porcentagem para 50%
  3. Restrinja sua visão à Diretriz e aos pais.

insira a descrição da imagem aqui

Se você estiver tendo problemas para alterá-lo para uma porcentagem, veja esta resposta .

XML

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    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"
    tools:layout_editor_absoluteX="0dp"
    tools:layout_editor_absoluteY="81dp">

    <android.support.constraint.Guideline
        android:id="@+id/guideline8"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.5"/>

    <TextView
        android:id="@+id/textView6"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginBottom="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:text="TextView"
        app:layout_constraintBottom_toTopOf="@+id/guideline8"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>
    
</android.support.constraint.ConstraintLayout>

Esta deve ser a melhor resposta.
Jean Eric

15

defina a largura como 0 dp para ter certeza de que seu tamanho é exatamente igual ao seu peso. Isso garantirá que mesmo se o conteúdo das visualizações filhas ficar maior, elas ainda serão limitadas exatamente à metade (de acordo com seu peso)

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:weightSum="1"
     >

    <Button
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:text="click me"
    android:layout_weight="0.5"/>


    <TextView
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:text="Hello World"
    android:layout_weight="0.5"/>
  </LinearLayout>

1
Acho que android: layout_width = "0dp" está correto, mas definir cada peso para 0,5 e weitghtSum para sua soma não é necessário. Parece que você só precisa ter o mesmo peso nas visualizações de crianças.
jj_

5

Outra maneira para um único item no centro, que preenche metade da tela:

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <View
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:visibility="invisible" />

        <EditText
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="2" />

       <View
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:visibility="invisible" />

</LinearLayout>

1
<LinearLayout 
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<TextView
    android:id="@+id/textD_Author"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
    android:text="Author : "
    android:textColor="#0404B4"
    android:textSize="20sp" />
 <TextView
    android:id="@+id/textD_Tag"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
    android:text="Edition : "
    android:textColor="#0404B4"
    android:textSize="20sp" />
<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal"
    android:weightSum="1" >
    <Button
        android:id="@+id/btbEdit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"
        android:text="Edit" />
    <Button
        android:id="@+id/btnDelete"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"
        android:text="Delete" />
</LinearLayout>
</LinearLayout>

3
Embora este trecho de código possa resolver a questão, incluir uma explicação realmente ajuda a melhorar a qualidade de sua postagem. Lembre-se de que você está respondendo a pergunta para leitores no futuro, e essas pessoas podem não saber os motivos de sua sugestão de código.
gunr2171
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.