Android Margin, Padding, Gravity属性用法

本文详细解释了Android开发中关于控件间距的两个重要概念:padding和margin的区别,并介绍了android:gravity与android:layout_gravity属性的作用及应用场景。
一、对于几个概念的比较模糊的这里记录一些: 
padding margin都是边距的含义,关键问题得明白是什么相对什么的边距. 
padding是控件的内容相对控件的边缘的边距. 
margin是控件边缘相对父空间的边距. 


 



android:gravity 属性是对该view 内容的限定.比如一个button 上面的text. 你可以设置该text 在view的靠左,靠右等位置.该属性就干了这个. 
android:layout_gravity是用来设置该view中的子view相对于父view的位置.比如一个button 在linearlayout里,你想把该button放在靠左,靠右等位置就可以在linearlayout中通过该属性设置. 
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="#ECECEC" android:padding="10dp"> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="0.4" android:orientation="horizontal"> <ImageView android:padding="2dp" android:layout_width="30dp" android:layout_height="30dp" android:src="@drawable/img_jisuanqi"/> <TextView android:layout_width="0dp" android:layout_height="30dp" android:layout_weight="1" android:text="计算器" android:textColor="#000000" android:textSize="15sp" android:layout_marginLeft="8dp" android:gravity="center_vertical"/> <ImageView android:layout_width="60dp" android:layout_height="30dp" android:src="@drawable/img_jianhao" android:padding="6dp"/> <ImageView android:layout_width="60dp" android:layout_height="30dp" android:padding="6dp" android:src="@drawable/img_square"/> <ImageView android:layout_width="60dp" android:layout_height="30dp" android:padding="6dp" android:src="@drawable/img_cha"/> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="0.6" android:orientation="horizontal" android:layout_marginTop="10dp" android:gravity="center"> <ImageView android:padding="6dp" android:layout_width="30dp" android:layout_height="30dp" android:src="@drawable/img_gang"/> <TextView android:layout_width="wrap_content" android:layout_height="match_parent" android:text="标准" android:textColor="#000000" android:textSize="30sp" android:textStyle="bold" android:layout_marginLeft="8dp" android:gravity="center_vertical"/> <ImageView android:layout_width="0dp" android:layout_height="30dp" android:layout_weight="1" android:scaleType="fitStart" android:src="@drawable/img_top"/> <ImageView android:layout_width="30dp" android:layout_height="30dp" android:padding="6dp" android:src="@drawable/img_lishi"/> </LinearLayout> <HorizontalScrollView android:id="@+id/scrollView_1" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="0.5" android:scrollbars="none" android:background="@drawable/biankuang"> <EditText android:textColor="#808080" android:id="@+id/editText_1" android:layout_width="wrap_content" android:layout_height="match_parent" android:textSize="30sp" android:focusable="false" android:focusableInTouchMode="false" android:clickable="true" android:cursorVisible="false" android:background="@null" android:maxLines="1" android:scrollHorizontally="true" android:inputType="none" android:layout_gravity="right|center"/> </HorizontalScrollView> <HorizontalScrollView android:id="@+id/scrollView" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:background="@drawable/biankuang" android:scrollbars="none"> <EditText android:id="@+id/editText" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_gravity="right|center" android:background="@null" android:clickable="true" android:cursorVisible="false" android:focusable="false" android:focusableInTouchMode="false" android:inputType="none" android:maxLines="1" android:scrollHorizontally="true" android:text="0" android:textSize="60sp" /> </HorizontalScrollView> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="0.5" android:orientation="horizontal"> <TextView android:id="@+id/tv_mc" android:layout_width="0dp" android:layout_height="30dp" android:layout_weight="1" android:gravity="center" android:text="MC" android:textSize="15dp" android:textColor="#808080"/> <TextView android:id="@+id/tv_mr" android:layout_width="0dp" android:layout_height="30dp" android:layout_weight="1" android:gravity="center" android:text="MR" android:textSize="15dp" android:textColor="#808080"/> <TextView android:id="@+id/tv_m_plus" android:layout_width="0dp" android:layout_height="30dp" android:layout_weight="1" android:gravity="center" android:text="M+" android:textColor="@color/black" android:textSize="15dp" /> <TextView android:id="@+id/tv_m_minus" android:layout_width="0dp" android:layout_height="30dp" android:layout_weight="1" android:gravity="center" android:text="M-" android:textColor="@color/black" android:textSize="15dp" /> <TextView android:id="@+id/tv_ms" android:layout_width="0dp" android:layout_height="30dp" android:layout_weight="1" android:gravity="center" android:text="MS" android:textColor="@color/black" android:textSize="15dp" /> <TextView android:layout_width="0dp" android:layout_height="30dp" android:layout_weight="1" android:gravity="center" android:text="M⋁" android:textSize="15dp" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="7" android:orientation="vertical"> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"> <Button android:id="@+id/btn_symbol_percent" android:layout_gravity="center" android:text="%" android:textSize="20sp" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/rounded_button_background" /> <Button android:id="@+id/btn_clear_entry" android:layout_gravity="center" android:text="CE" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/rounded_button_background"/> <Button android:id="@+id/btn_clear" android:layout_gravity="center" android:text="C" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/rounded_button_background"/> <ImageView android:id="@+id/btn_clear_image" android:layout_gravity="center" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:padding="10dp" android:background="@drawable/rounded_button_background" android:scaleType="fitCenter" android:src="@drawable/img_qingchu" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"> <Button android:id="@+id/btn_symbol_x_inverse" android:layout_gravity="center" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/rounded_button_background" android:text="1/x" android:textColor="@color/black" android:textSize="20sp"/> <Button android:id="@+id/btn_symbol_square" android:layout_gravity="center" android:text="x²" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/rounded_button_background" /> <ImageView android:id="@+id/btn_symbol_square_root" android:layout_gravity="center" android:src="@drawable/img_sqrt" android:padding="18dp" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/rounded_button_background"/>\ <Button android:id="@+id/btn_symbol_divide" android:layout_gravity="center" android:text="÷" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/rounded_button_background"/> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"> <Button android:id="@+id/btn_num_7" android:layout_gravity="center" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background" android:text="7" android:textColor="@color/black" android:textSize="20sp" /> <Button android:id="@+id/btn_num_8" android:layout_width="0dp" android:layout_height="55dp" android:layout_gravity="center" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background" android:text="8" android:textColor="@color/black" android:textSize="20sp" /> <Button android:id="@+id/btn_num_9" android:layout_gravity="center" android:text="9" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background"/>\ <Button android:id="@+id/btn_symbol_multiply" android:layout_gravity="center" android:text="×" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/rounded_button_background"/> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"> <Button android:id="@+id/btn_num_4" android:layout_gravity="center" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background" android:text="4" android:textColor="@color/black" android:textSize="20sp" /> <Button android:id="@+id/btn_num_5" android:layout_gravity="center" android:text="5" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background" /> <Button android:id="@+id/btn_num_6" android:layout_width="0dp" android:layout_height="55dp" android:layout_gravity="center" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background" android:text="6" android:textColor="@color/black" android:textSize="20sp" /> <Button android:id="@+id/btn_symbol_minus" android:layout_gravity="center" android:text="-" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/rounded_button_background"/> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"> <Button android:id="@+id/btn_num_1" android:layout_gravity="center" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background" android:text="1" android:textColor="@color/black" android:textSize="20sp" /> <Button android:id="@+id/btn_num_2" android:layout_gravity="center" android:text="2" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background" /> <Button android:id="@+id/btn_num_3" android:layout_gravity="center" android:text="3" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background"/>\ <Button android:id="@+id/btn_symbol_plus" android:layout_gravity="center" android:text="+" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/rounded_button_background"/> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"> <Button android:id="@+id/btn_symbol_plus_minus" android:layout_gravity="center" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background" android:text="+/-" android:textColor="@color/black" android:textSize="20sp" /> <Button android:id="@+id/btn_num_0" android:layout_gravity="center" android:text="0" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background" /> <Button android:id="@+id/btn_num_dot" android:layout_gravity="center" android:text="." android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background"/>\ <Button android:id="@+id/btn_symbol_equals" android:layout_width="0dp" android:layout_height="55dp" android:layout_gravity="center" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/equals" android:text="=" android:textColor="@color/black" android:textSize="20sp" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1.2"> </LinearLayout> </LinearLayout> </LinearLayout>告诉我怎么在这个页面找到所对应的按钮
最新发布
10-21
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值