android:layout_marginLeft等的简单用法

本文详细介绍了在Android开发中如何使用layout_margin属性来调整视图组件与屏幕边界之间的距离。包括了左右上下四个方向的间距设置方法,并通过一个具体的例子展示了如何实现元素靠右对齐的效果。

靠右显示:用 android:layout_marginLeft,意思是距离左边框的距离;

靠左显示:用android:layout_marginRight,意思是距离右边框的距离。


同理,

android:layout_marginTop: 距离上边框

android:layout_marginBottom: 距离下边框


    

下面,是靠右显示的例子:

<LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="100dp"
                android:layout_alignParentRight="true"   // 这个可有可无
                android:orientation="vertical"
                 >


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

<RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="@dimen/dp_10" > <TextView android:id="@+id/tv_price" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="燃油单价(升):" android:textSize="15sp" android:textColor="@color/black" /> <EditText android:id="@+id/et_price" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="请输入" android:layout_marginLeft="@dimen/dp_10" android:layout_toRightOf="@id/tv_price" android:background="@android:color/transparent" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="元" android:textColor="@color/black" android:textSize="15sp" android:layout_alignParentRight="true" /> </RelativeLayout> <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="@dimen/dp_10" > <TextView android:id="@+id/tv_prices" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="加油价格:" android:textSize="15sp" android:textColor="@color/black" /> <EditText android:id="@+id/et_prices" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="请输入" android:layout_marginLeft="@dimen/dp_10" android:layout_toRightOf="@id/tv_prices" android:background="@android:color/transparent" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="元" android:textColor="@color/black" android:textSize="15sp" android:layout_alignParentRight="true" /> </RelativeLayout> <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="@dimen/dp_10" > <TextView android:id="@+id/tv_mileage" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="行驶公里:" android:textSize="15sp" android:textColor="@color/black" /> <EditText android:id="@+id/et_mileage" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="请输入" android:layout_marginLeft="@dimen/dp_10" android:layout_toRightOf="@id/tv_mileage" android:background="@android:color/transparent" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="公里" android:textColor="@color/black" android:textSize="15sp" android:layout_alignParentRight="true" /> </RelativeLayout>这个布局中每个EditText对齐,不要TextView字多就挤EditText布局
11-05
<?xml version="1.0" encoding="utf-8"?> <LinearLayout 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" android:orientation="vertical" tools:context=".MainActivity"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="10dp"> <TextView android:id="@+id/控件1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginleft="10dp" android:textSize="24sp" android:text="控件1" /> <TextView android:id="@+id/控件2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginleft="100dp" android:text="控件2" /> <TextView android:id="@+id/控件3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="控件3" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="10dp"> <TextView android:id="@+id/控件4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginleft="10dp" android:textSize="24sp" android:text="控件4" /> <TextView android:id="@+id/控件5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="控件5" /> <TextView android:id="@+id/控件6" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginleft="10dp" android:textSize="24sp" android:text="控件6" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="10dp"> <TextView android:id="@+id/控件7" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginleft="10dp" android:textSize="24sp" android:text="控件7" /> <TextView android:id="@+id/控件8" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginleft="10dp" android:textSize="24sp" android:text="控件8" /> <TextView android:id="@+id/控件9" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginleft="10dp" android:textSize="24sp" android:text="控件9" /> </LinearLayout> </LinearLayout> android:layout_marginleft="10dp"调不了
10-18
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

liranke

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值