从linearLayout中的按钮中删除边距

时间:2016-03-07 03:17:54

标签: android xml android-layout

到目前为止我设计了这个布局

enter image description here

注意两个按钮周围的侧面空间,名称为" save"我用红色标记,我想删除多余的间距。

两个按钮都包含在linearlayout中,方向设置为" vertical",我尝试使用layout_weight, marginLeft and marginRight但没有成功。

这里的xml代码仅适用于linearlayout中的按钮

 <LinearLayout
        android:id="@+id/buttonSection"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"

        >
        <!--This layout is for save and change currency buttons-->


        <Button
             android:id="@+id/saveButton"
             android:layout_width="fill_parent"
             android:layout_height="wrap_content"
             android:text="Save"
             android:layout_weight="1"
          />

         <Button
             android:id="@+id/currencyButton"
             android:layout_width="fill_parent"
             android:layout_height="wrap_content"
             android:text="Save"
             android:layout_weight="1"
         />
    </LinearLayout>

只是为了获取额外信息,上面的linearlayout被包含在一个更多的linearlayout中,该layoutlayout控制着完整活动的布局

修改

主要活动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"
    xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent"
    android:layout_height="match_parent"

    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:background="@drawable/layer_list"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:showIn="@layout/activity_main"
    tools:context=".MainActivity"
    android:orientation="vertical"
    android:weightSum="5"
    >

    <LinearLayout
        android:id="@+id/layout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_weight="2"
        android:paddingTop="10dp"
        android:layout_marginBottom="30dp"
        >

        <LinearLayout
            android:id="@+id/leftCurrencySection"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="left"
            android:layout_weight="1"
            android:orientation="vertical"

            >

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="GBP"
                android:textSize="30dp"
                android:textColor="#ffffff"
                android:textAllCaps="true"
                android:textStyle="bold"
                />

            <EditText
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="0.00"
                android:textSize="30dp"
                android:textColor="#ffffff"
                android:textAllCaps="true"
                android:textStyle="bold"
                android:background="@null"
                />

        </LinearLayout>

        <LinearLayout
            android:id="@+id/rightCurrencySection"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="right"
            android:layout_weight="1"
            android:orientation="vertical">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right"
                android:text="USD"
                android:textSize="30dp"
                android:textColor="#ffffff"
                android:textAllCaps="true"
                android:textStyle="bold"
                />

            <EditText
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right"
                android:text="0.00"
                android:textSize="30dp"
                android:textColor="#ffffff"
                android:textAllCaps="true"
                android:textStyle="bold"
                android:background="@null"
                />

        </LinearLayout>

    </LinearLayout>
    <!--End of This layout is for typing currency values-->

    <LinearLayout
        android:id="@+id/buttonSection"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"

        >
        <!--This layout is for save and change currency buttons-->


            <Button
                android:id="@+id/saveButton"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:text="Save"
                android:layout_weight="1"
                />

                <Button
                    android:id="@+id/currencyButton"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:text="Save"
                    android:layout_weight="1"
                    />
    </LinearLayout>
    <!--End of  save and change currency buttons-->

    <!--Begin Layout for calculator begin-->

    <GridLayout 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:columnCount="3"
        android:layout_gravity="center"
        android:orientation="horizontal"
        android:layout_weight="1"
        >


        <Button android:text="1"

            />

        <Button android:text="2" />

        <Button android:text="3" />



        <Button android:text="4" />

        <Button android:text="5" />

        <Button android:text="6" />



        <Button android:text="7" />

        <Button android:text="8" />

        <Button android:text="9" />


        <Button android:text="." />

        <Button android:text="0" />

        <Button android:text="Del" />


    </GridLayout>
    <!--End Layout for calculator-->
    <!--End Layout for calculator End-->


</LinearLayout>

1 个答案:

答案 0 :(得分:0)

这里有很多人要感谢,他指出了我的错误,并指导我纠正从按钮两侧移除多余空间的方法。

首先 我必须从父线性布局中删除填充。我删除了paddingLeft和PaddingRight。这删除了空间的主要部分。 感谢 cricket_007 指出这一点。

即使在移除空间后,仍有一些空间像1或2dp一样。这显然是由于 Doug Stevenson 指出的android中的一些默认样式。

要删除最后一种形式的空间,我必须应用eclipse提到的某种背景,例如android:background="#00ff00"

应用上面的属性删除了额外的空间,这是由于android中的9patch。 Learn more about it over here.