繁体   English   中英

在Android中将我的线性布局居中

[英]Centering my linear layout in android

我正在尝试实现以下定位:

在此处输入图片说明

在这里,我有两排EditText和TextView彼此相邻。

版本textview固定在屏幕底部,但是占据了整个宽度,并且文本居中。

我当前的布局文件是这样的:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_centerInParent="true"
    android:orientation="vertical"
    android:gravity="center_vertical"
    tools:context="com.example.mp.MainActivity$PlaceholderFragment" >

     <LinearLayout 
            android:layout_width="fill_parent" 
            android:layout_height="wrap_content">
                <EditText
                    android:id="@+id/edittext1"
                    android:layout_width="250dip"
                    android:layout_height="wrap_content" />

                <TextView
                    android:id="@+id/textview1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="NEW"
                    android:textColor="#444444"
                    android:paddingLeft="5dip"
                    android:textSize="10pt" />

    </LinearLayout>

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

                <EditText
                    android:id="@+id/edittext2"
                    android:layout_width="250dip"
                    android:layout_height="wrap_content" />

                <TextView
                    android:id="@+id/textview2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="NEW"
                    android:textColor="#444444"
                    android:paddingLeft="5dip"
                    android:textSize="10pt" />

    </LinearLayout>


    <RelativeLayout 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingTop="5dip"
        android:gravity="bottom">


                <TextView
                    android:id="@+id/textview3"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Version 1.0"
                    android:textColor="#444444"
                    android:paddingLeft="5dip"
                    android:textSize="10pt" />

    </RelativeLayout>

</LinearLayout>

但是两行EditText和TextView位于屏幕中间的上方,而Version文本视图则位于EditText和TextView两行的下方,而不是固定在底部。

我会建议使用RelativeLayout根布局和使用性能android:layout_alignParentBottom="true"的“版本”。 然后将其他Views包装在LinearLayout 就像是

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:orientation="vertical"/>
        <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
            <EditText
                android:id="@+id/edittext1"
                android:layout_width="0dp"
                android:layout_weight="3"
                android:layout_height="wrap_content" />

            <TextView
                android:id="@+id/textview1"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="2"
                android:text="NEW"
                android:textColor="#444444"
                android:paddingLeft="5dip"
                android:textSize="10pt" />
        </LinearLayout>
        <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
            <EditText
                android:id="@+id/edittext2"
                android:layout_width="0dp"
                android:layout_weight="3"
                android:layout_height="wrap_content" />

            <TextView
                android:id="@+id/textview2"
                android:layout_width="0dp"
                android:layout_weight="2"
                android:layout_height="wrap_content"
                android:text="NEW"
                android:textColor="#444444"
                android:paddingLeft="5dip"
                android:textSize="10pt" />
          </LinearLayout>
        </LinearLayout>
         <TextView
                android:id="@+id/textview3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Version 1.0"
                android:textColor="#444444"
                android:paddingLeft="5dip"
                android:textSize="10pt"
                android:layout_alignParentBottom="true"
                android:layout_centerHorizontal="true" />
</RelativeLayout>

我还没有机会进行真正的测试,但这应该可以使您更加接近。 我将两组Views包裹在LinearLayout的中央,然后分别给它们分配了自己的LinearLayout以便它们可以利用weight (可以根据需要进行调整)。 父级LinearLayout垂直居中,因此这4个Views将以我希望的方式居中。

<LinearLayout 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"
 android:orientation="vertical"
 android:gravity="center">//hope this will work for you

<LinearLayout
    android:id="@+id/alltextfield"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"`enter code here`
    android:orientation="horizontal" >

    <EditText
        android:id="@+id/editText1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:hint="EditText" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New" />
</LinearLayout>

<LinearLayout
    android:id="@+id/alltextfield"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >

    <EditText
        android:id="@+id/editText1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:hint="EditText" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New" />
</LinearLayout>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM