Android:不改变高度的百分比宽度

时间:2012-05-24 08:21:38

标签: android android-layout

我需要创建占据布局宽度70%的文本字段(线性布局)。我使用这段代码:

<EditText
    android:id="@+id/phone"
    android:layout_width="fill_parent"
    android:layout_weight=".7"
    android:layout_height="wrap_content"
    android:inputType="phone" >

问题在于,在这种情况下,高度也占布局高度的70% - 但我不需要改变它,只是希望它是“wrap_content”。有什么好的解决方案吗?

UPD: 如果我创建一个新的水平方向线性布局并将我的文本字段放在其中,这会是一个很好的解决方案吗?或者更优雅的东西?

UPD(2): 我希望它看起来像下面,但不使用marginLeft和marginRgiht,这将在不同的屏幕分辨率上给出不同的百分比

enter image description here

4 个答案:

答案 0 :(得分:6)

如果您打算使用权重,则需要在控件的父级上设置weightSum。所以是的,把它放在LinearLayout中并给出布局适当的参数。另外,请记住,权重仅影响EXTRA空间,因此您希望将宽度设置为0dp,因此整个可用空间被视为“额外”空间。最后,我认为使用整数来加权可能会更快,但我不确定。

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:weightSum="4">

    <EditText
        android:id="@+id/phone"
        android:layout_width="0dp"
        android:layout_weight="3"
        android:layout_height="wrap_content"
        android:inputType="phone" />

</LinearLayout>

<强>更新 如果你想让它居中,那么在左侧和右侧包含一些间隔视图,并使用适当的权重:

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:weightSum="1" >

    <View
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight=".15" />

    <EditText
        android:id="@+id/phone"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight=".7"
        android:inputType="phone" />

    <View
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight=".15" />

</LinearLayout>

答案 1 :(得分:2)

enter image description here 嗨根据您的代码,如果您要设置权重通常我们不应该设置布局宽度来包装内容或填充父级。它应该为零。所以它应该是这样的。

<EditText
    android:id="@+id/phone"
    android:layout_width="0dip"
    android:layout_weight=".7"
    android:layout_height="wrap_content"
    android:inputType="phone" >

否则,如果您尝试使用以下代码,则意味着您将获得图像

<LinearLayout
    android:layout_width="fill_parent"
    android:orientation="vertical"
    android:layout_margin="30dip"
    android:layout_height="wrap_content">

    <EditText
        android:id="@+id/phone"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:inputType="phone" />

    <EditText
        android:id="@+id/phone"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:inputType="phone" />

</LinearLayout>

如上图所示

答案 2 :(得分:0)

为Edittext提供边距布局左/右填充。

<EditText
android:id="@+id/phone"
android:layout_width="fill_parent"
android:layout_weight=".7"
android:layout_height="wrap_content"
android:layout_marginLeft="25dp"
android:inputType="phone" >

答案 3 :(得分:0)

虽然可以使用LinearLayout权重进行求解,但也可以使用ConstraintLayout guidelines来实现。只需添加两个垂直指南,其中15%和85%的位置值,并将EditText宽度限制为这些指导原则:

Layout Editor

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <EditText
        android:id="@+id/editText"
        style="@android:style/Widget.Holo.Light.EditText"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:text="1st EditText"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="@+id/startGuideline"
        app:layout_constraintEnd_toStartOf="@+id/endGuideline" />

    <EditText
        android:id="@+id/editText2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:text="2nd EditText"
        app:layout_constraintTop_toBottomOf="@+id/editText"
        app:layout_constraintStart_toStartOf="@+id/startGuideline"
        app:layout_constraintEnd_toStartOf="@+id/endGuideline" />

    <android.support.constraint.Guideline
        android:id="@+id/startGuideline"
        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/endGuideline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.85" />

</android.support.constraint.ConstraintLayout>