XML布局中的中心按钮

时间:2017-02-01 21:36:25

标签: android xml android-layout

所以我正在研究这个应用程序,并试图将两个按钮置于编辑文本下方,但我无法使用任何东西。我尝试过布局重心无济于事。

这是我的应用程序的照片

app screen

正如你在screnshot上看到的那样,按钮没有居中。此外,我正在尝试修复文本框,在图片中,您可以看到文本一直到编辑文本框的边缘。

继承我的xml布局。我敢肯定,如果有人对如何让它变得更好有任何意见,那么这不是最有效的设计我会很感激。我是xml的新手。

   <?xml version="1.0" encoding="utf-8"?>


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_route_details"
android:layout_width="match_parent"
android:layout_height="wrap_content"
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="com.example.zach.BirdsboroClimbing.RouteDetails">

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/scrollView1"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <CheckBox
            android:text="Route Climbed"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:id="@+id/routeCheckBox"
            android:gravity="center" />

        <CheckBox
            android:text="Show Note"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_alignParentEnd="true"
            android:id="@+id/noteCheckBox"
            android:gravity="center"
             />

        <EditText
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:inputType="textMultiLine"
            android:hint="eg. fell at third clip etc..."
            android:visibility="gone"
            android:layout_centerHorizontal="true"
            android:id="@+id/noteEditText"
            android:layout_below="@id/routeCheckBox"
            android:background="@drawable/note_background"
            />

        <LinearLayout android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_below="@id/noteEditText"
            android:id="@+id/buttonLayout"

            >
            <Button android:layout_width="75dp"
                android:layout_height="35dp"
                android:text="Save"
                android:id="@+id/saveButto"
                android:visibility="gone"
                android:layout_gravity="center"
                />

            <Button android:layout_width="75dp"
                android:layout_height="35dp"
                android:text="Delete"
                android:id="@+id/deleteButton"
                android:visibility="gone"
                android:layout_gravity="center"
                />
        </LinearLayout>

        <TextView
            android:text="TextView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/routeDetailsView"
            android:textSize="18sp"
            android:textAlignment="center"
            android:textColor="@android:color/black"
            android:layout_below="@id/buttonLayout"/>

        <ImageView
            android:layout_below="@id/routeDetailsView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/routeImage"
            android:scaleType="fitCenter"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:adjustViewBounds="true" />
    </RelativeLayout>
</ScrollView>

这里是我的edittext背景的

 <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="80dp"
android:layout_height="wrap_content">

<solid android:color="#FFFFFF" />

<stroke
    android:width="2dp"
    android:color="#2f6699" />
<corners
    android:topLeftRadius="5dp"
    android:topRightRadius="5dp"
    android:bottomLeftRadius="5dp"
    android:bottomRightRadius="5dp" />

对不起图片的大小。我想确保你们能看到文本如何与edittext边缘重叠。

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

试试此代码
    

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:id="@+id/activity_route_details"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:paddingBottom="@dimen/activity_vertical_margin"
          android:paddingLeft="@dimen/activity_horizontal_margin"
          android:paddingRight="@dimen/activity_horizontal_margin"
          android:paddingTop="@dimen/activity_vertical_margin"
>

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/scrollView1"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <CheckBox
            android:id="@+id/routeCheckBox"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:gravity="center"
            android:text="Route Climbed"/>

        <CheckBox
            android:id="@+id/noteCheckBox"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentEnd="true"
            android:layout_alignParentRight="true"
            android:gravity="center"
            android:text="Show Note"
            />

        <EditText
            android:id="@+id/noteEditText"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/routeCheckBox"
            android:layout_centerHorizontal="true"
            android:background="@drawable/sadsmiley"
            android:hint="eg. fell at third clip etc..."
            android:inputType="textMultiLine"

            />

        <LinearLayout
            android:id="@+id/buttonLayout"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/noteEditText"
            android:orientation="horizontal"
            android:gravity="center"

            >

            <Button
                android:id="@+id/saveButto"
                android:layout_width="75dp"
                android:layout_height="35dp"
                android:layout_gravity="center"

                android:text="Save"
                />

            <Button
                android:id="@+id/deleteButton"
                android:layout_width="75dp"
                android:layout_height="35dp"
                android:layout_gravity="center"

                android:text="Delete"
                />
        </LinearLayout>

        <TextView
            android:id="@+id/routeDetailsView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/buttonLayout"
            android:text="TextView"
            android:textAlignment="center"
            android:textColor="@android:color/black"
            android:textSize="18sp"/>

        <ImageView
            android:id="@+id/routeImage"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_below="@id/routeDetailsView"
            android:adjustViewBounds="true"
            android:scaleType="fitCenter"/>
    </RelativeLayout>
</ScrollView>