Android 安卓 基本 布局

举报
第三女神程忆难 发表于 2021/05/26 15:30:09 2021/05/26
【摘要】   Android布局 1、LinearLayout布局(线性布局) 线性布局它是水平或者垂直来排列的布局。 详解: 首先要设置布局的排列方式它有垂直排列和水平排列, 垂直排列:android:orientation="vertical" 水平排列:android:orientation="horizontal"   (1)加权重: &...

 

Android布局

1、LinearLayout布局(线性布局)

线性布局它是水平或者垂直来排列的布局。

详解:

首先要设置布局的排列方式它有垂直排列和水平排列,

垂直排列:android:orientation="vertical"

水平排列:android:orientation="horizontal"

 

(1)加权重:

              android:layout_weight="

(2)设置大小给宽高:

              水平布局宽为0,垂直布局高为0.

 

        

代码案例:


  
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     tools:context=".CCD"
  8.     android:orientation="vertical"
  9.     >
  10.     <Button
  11.         android:layout_width="200dp"
  12.         android:layout_height="0dp"
  13.         android:layout_weight="2"
  14.         android:text="左边"
  15.         android:background="#0f0"
  16.         />
  17.     <Button
  18.         android:layout_width="200dp"
  19.         android:layout_height="0dp"
  20.         android:layout_weight="2"
  21.         android:text="右边"
  22.         android:layout_gravity="right"
  23.         android:background="#aaa"
  24.         />
  25.     <Button
  26.         android:layout_width="200dp"
  27.         android:layout_height="0dp"
  28.         android:layout_weight="1"
  29.         android:text="左边"
  30.         android:background="#7788d6"
  31.         />
  32. </LinearLayout>


 

效果图:

=====================================================================

 

2-相对布局RelativeLayout

相对布局就是相对于一个ID组件的位置,代码案例:

 


  
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. xmlns:app="http://schemas.android.com/apk/res-auto"
  4. xmlns:tools="http://schemas.android.com/tools"
  5. android:layout_width="match_parent"
  6. android:layout_height="match_parent"
  7. tools:context=".bj">
  8. <!--landroid:ayout_centerInParent 设置居中-->
  9. <View
  10. android:id="@+id/middle"
  11. android:layout_width="50dp"
  12. android:layout_height="50dp"
  13. android:background="#161919"
  14. android:layout_centerInParent="true"
  15. />
  16. <!--android:layout_toRightOf="@+id/middle"在id的右边
  17. android:layout_centerInParent="true"-->
  18. <View
  19. android:layout_width="50dp"
  20. android:layout_height="50dp"
  21. android:background="#0f0"
  22. android:layout_toRightOf="@+id/middle"
  23. android:layout_centerInParent="true"
  24. />
  25. <!--ndroid:layout_toLeftOf="@+id/middle"//在id的左边
  26. android:layout_centerInParent="true"-->
  27. <View
  28. android:layout_width="50dp"
  29. android:layout_height="50dp"
  30. android:background="#aaa"
  31. android:layout_toLeftOf="@+id/middle"
  32. android:layout_centerInParent="true"
  33. />
  34. <!-- android:layout_above="@+id/middle"//在id的上面
  35. android:layout_centerHorizontal="true"-->
  36. <View
  37. android:layout_width="50dp"
  38. android:layout_height="50dp"
  39. android:layout_above="@+id/middle"
  40. android:layout_centerHorizontal="true"
  41. android:background="#96541d" />
  42. <!--android:layout_below="@+id/middle"//在id之下
  43. android:layout_centerHorizontal="true"-->
  44. <View
  45. android:layout_width="50dp"
  46. android:layout_height="50dp"
  47. android:layout_below="@+id/middle"
  48. android:layout_centerHorizontal="true"
  49. android:background="#96541d" />
  50. </RelativeLayout>

 

效果图如下:

 

文章来源: myhub.blog.csdn.net,作者:第三女神程忆难,版权归原作者所有,如需转载,请联系作者。

原文链接:myhub.blog.csdn.net/article/details/80601378

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。