写在前面:

上学期学习了Android,从一开始的什么都不懂到后来成功做出一个课程设计作品,回忆起来一路还是充满坎坷和辛酸泪的啊。

遗忘是可怕的,为了防止以后把好不容易学到的东西忘得一干二净,我打算写一系列的AndroidStudio教程记录一些有用的知识点,当然,我会从最基础的地方写起,希望可以帮助到一些初学者~

最后,如果时间和精力允许的情况下,我会一步步的还原我的课程设(≧∀≦)ゞ


目录

1.认识目录

2.RelativeLayout

3.LinearLayout


1.认识目录

以FirstActivity为例子,我们需要掌握的文件有:

  • manifest
  • java
  • drawable
  • layout
  • values

①manifest文件夹里面只有一个AndroidManifest.xml文件,在这个文件里,我们是对整个app进行一些设置,例如app的logo,app一进去的启动页面,app的名字...

②java文件夹里面是.java文件,负责整个app的逻辑处理,是完成整个app的核心所在。java文件真的超级powerful,后续会慢慢用例子体现,现在说一大堆显得有点空洞。

TIPS:初学者一般Java文件建立好了之后,不会随便移动它的位置。

③drawable文件夹里面放app需要用到的图片

④layout文件夹里面放的是“画页面”的.xml文件,里面的文件也叫布局文件。如果你会html&css&js的话,就很好理解了。.xml文件的作用就和.html和.css文件的作用类似,页面需要什么组件?怎么布局?用一些什么样式?都在.xml里面设置。但是对于一些复杂的样式,在.xml文件里面可能设置不了那么精美,就可以在java文件里面设置。

⑤value文件夹里面放了一些字符串,颜色等常量,例如:

//color.xml
<resources><color name="colorPrimary">#3F51B5</color>
</resources>//firstActivity.xml
<Buttonandroid:background="@color/colorPrimary"/>

对于颜色#3F51B5,我给它起名字叫colorPrimary,之后我在布局文件中用这个颜色,就只需要喊它的名字colorPrimary就可以了。

最后总结一些基本思想:

  • layout和java文件夹是最重要的。如果把app比作一个人,layout就是一个人的脸,java就是一个人是灵魂。前者决定了这个app长什么样子,后者决定了这个app可以实现那么功能。
  • 对于初学者,AndroidManifest.xml和value文件夹的作用不用着急掌握,到了某一天你需要实现某个功能需要用到这些,你就可以真真切切的知道它的用处了。

2.RelativeLayout

AndroidStudio里面支持的布局有挺多种的,但是最最重要的是RelativeLayout(相对布局)和LinearLayout(线性布局),熟练掌握这两种布局也非常够用了,当然还有GridLayout...但是对于初学者,先学会了相对布局和线性布局,再去学习其他布局,就会觉得非常简单轻松了。还有一个非常有用的布局,叫RecyclerLayout,因为要结合adapter使用,所以对于初学者略难,这里就先不讲了,之后会非常详细的介绍它。

学习布局需要掌握的东西很简单,就是它有的属性,以及取不同属性值可以达到的效果,下面我就慢慢列出来。

  • layout_width
  • layout_height

这两个属性就决定了布局的宽度和高度,把RelativeLayout想象成一个相框或者一个容器,在这个相框里面可以装其他的组件。对于嵌套在相框里面的组件,其所在的相框就是它的父空间。这个相框的大小呢,就用上面这两个属性举例,取值有三种:

  • wrap_content 刚刚把文字组件包裹满的长度
  • match_parent 撑满整个父空间的长度
  • 100px 具体的像素值

对于相对布局有一个地方要注意!!!

相对布局里面的组件需要设置id(在同一个.xml文件里面的所有组件,其id不可以重复哦~)然后用layout_below设置组件的相对位置。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"><Buttonandroid:id="@+id/button_1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Button 1"/><Buttonandroid:id="@+id/button_2"android:layout_below="@id/button_1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Button 2"/>
</RelativeLayout>

例如上面这个例子,在RelativeLayout里面有两个按钮,第一个按钮的id是button_1,android:id="@+id/button_1",第二个按钮的id是button_2,为button_2设置了android:layout_below="@id/button_1"表示按钮2在按钮1的下面。所以效果图如下:

如果我不为按钮2设置相对向下的对象会怎样呢?也就是删掉android:layout_below="@id/button_1"。答案是按钮二会覆盖按钮一。

如果想让按钮居中怎么办?答案就是为RelativeLayout添加一个属性  android:gravity="center"

如果继续追问,我希望按钮一和按钮二并排在一起怎么办?答案是:sorry,RelativeLayout做不到啊~~

但是LinearLayout可以做到哦!

RelativeLayout还有很多其他的属性,可以自己试着玩,重要的属性就是上面这些,我用红色的粗体标记啦~


3.LinearLayout

线性布局要灵活一些,在实际应用上也是最最最广泛的。

  • layout_width
  • layout_height

和相对布局一样的用法和属性值,我就不赘述了!

区别于RelativeLayout,LinearLayout就不要求每个组件都要设置自己的id了,但是最好还是设置一下,这是一个好习惯哦。

那么问题来了,我怎么设置两个组件是横着并排还是竖着并排呢??现在就隆重介绍线性布局的重要属性 orientation          

取值有两种:vertical(垂直)和 horizontal(水平)

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal"><Buttonandroid:id="@+id/button_1"android:layout_width="200px"android:layout_height="100px"android:text="Button 1"/><Buttonandroid:id="@+id/button_2"android:layout_width="200px"android:layout_height="100px"android:text="Button 2"/><Buttonandroid:id="@+id/button_3"android:layout_width="200px"android:layout_height="100px"android:text="Button 3"/></LinearLayout>

android:orientation="horizontal" 决定了容器里面的所有组件都绝对是水平排列的
!!!需要注意的就是,哪怕我的组件已经装不下了,也不会被挤到下一排,而是只显示一截,甚至完全不显示。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><Buttonandroid:id="@+id/button_1"android:layout_width="200px"android:layout_height="100px"android:text="Button 1"/><Buttonandroid:id="@+id/button_2"android:layout_width="200px"android:layout_height="100px"android:text="Button 2"/></LinearLayout>

android:orientation="vertical"决定了容器里的组件都是垂直排列,这就很好理解了。

线性布局还有一个重要的属性 layout_weight 取值一般是1、2、3...表示权重的大小,例如:

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><Buttonandroid:id="@+id/button_1"android:layout_width="200px"android:layout_height="100px"android:layout_weight="1"android:text="Button 1"/><Buttonandroid:id="@+id/button_2"android:layout_width="200px"android:layout_height="100px"android:layout_weight="2"android:text="Button 2"/></LinearLayout>

LinearLayout的强大就在于它是可以嵌套的,从而实现很多复杂的布局。

为了巩固你对它的认识,我出一个小小的题目,这是我的课程设计的一个页面,你会怎么设计这个布局呢??

我自己也再试了试:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"android:paddingLeft="10dp"android:paddingRight="10dp"android:background="#FFEA8E"><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:background="#98E0AD"><ImageViewandroid:id="@+id/image_bg"android:layout_width="match_parent"android:layout_height="258dp"android:background="#EDD3ED"/><LinearLayoutandroid:layout_below="@id/image_bg"android:id="@+id/layout_button"android:layout_width="match_parent"android:layout_height="70dp"android:background="#F8A1A4"android:orientation="vertical"><RadioGroupandroid:id="@+id/rg_main"android:layout_width="match_parent"android:layout_height="70dp"android:layout_marginLeft="40dp"android:layout_alignParentBottom="true"android:background="#C785C8"android:orientation="horizontal"><RadioButtonandroid:id="@+id/rb_me"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"android:paddingRight="28dp"android:background="#C00000"android:button="@null"android:gravity="center"android:textSize="19sp" /><RadioButtonandroid:id="@+id/rb_heart"android:layout_width="0dp"android:layout_height="match_parent"android:paddingRight="33dp"android:layout_weight="1"android:button="@null"android:background="#7030A0"android:gravity="center"android:textSize="19sp" /><RadioButtonandroid:id="@+id/rb_order"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"android:background="#00B0F0"android:paddingRight="34dp"android:button="@null"android:gravity="center"android:textSize="19sp" /></RadioGroup></LinearLayout><LinearLayoutandroid:id="@+id/layout_mywork"android:layout_below="@id/layout_button"android:layout_width="match_parent"android:layout_height="74dp"android:background="#6BD089"android:orientation="vertical"><TextViewandroid:layout_width="match_parent"android:layout_height="62dp"android:textColor="#212122"android:gravity="center"android:background="#8389E0"android:textSize="24sp"/></LinearLayout><LinearLayoutandroid:id="@+id/layout_work1"android:layout_below="@id/layout_mywork"android:layout_width="match_parent"android:orientation="horizontal"android:paddingRight="6dp"android:paddingLeft="6dp"android:background="#C785C8"android:layout_height="150dp"><ImageViewandroid:padding="0dp"android:layout_width="match_parent"android:layout_weight="1"android:layout_height="160dp"android:background="#FBCFD0"android:layout_marginRight="6dp"android:layout_marginLeft="6dp"/><ImageViewandroid:layout_width="match_parent"android:layout_weight="1"android:background="#FBCFD0"android:layout_marginRight="6dp"android:layout_marginLeft="6dp"android:layout_height="160dp"/><ImageViewandroid:id="@+id/work1"android:layout_width="match_parent"android:layout_weight="1"android:background="#FBCFD0"android:layout_marginRight="6dp"android:layout_marginLeft="6dp"android:layout_height="160dp"/></LinearLayout><LinearLayoutandroid:id="@+id/layout_work2"android:layout_below="@id/layout_work1"android:layout_width="match_parent"android:layout_marginTop="10px"android:orientation="horizontal"android:paddingRight="6dp"android:paddingLeft="6dp"android:background="#60C5F1"android:layout_height="150dp"><ImageViewandroid:padding="0dp"android:layout_width="match_parent"android:layout_weight="1"android:layout_height="160dp"android:layout_marginRight="6dp"android:layout_marginLeft="6dp"android:background="#C8EFD4"/><ImageViewandroid:layout_width="match_parent"android:layout_weight="1"android:layout_marginRight="6dp"android:layout_marginLeft="6dp"android:layout_height="160dp"android:background="#C8EFD4"/><ImageViewandroid:layout_width="match_parent"android:layout_weight="1"android:layout_marginRight="6dp"android:layout_marginLeft="6dp"android:layout_height="160dp"android:background="#C8EFD4"/></LinearLayout></RelativeLayout></LinearLayout>

总结:

这一篇主要讲了布局,都是在layout文件夹的.xml文件中实现,现在还没涉及到java文件。

下一步是介绍一些常用的组件~~  传送门

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

2021.9.15更新

距离这篇博客发布已经三年了,真的没想到这篇博客能让这么多人,截至现在已经有693个收藏了,太让我意外了,能帮到别人感觉真的很开心。

不过,最近陆陆续续有一些小伙伴私信我关于安卓的问题,我真的一头雾水,我是真的不知道该怎么回答,因为我本身不是软件工程专业的,学习安卓是在大二下的一门选修课,安卓开发我也只是了解皮毛。当初写这篇博客是因为有一个初中同学在学安卓,来问我问题,我发现VX上一两句话说不清楚,我就写了这篇博客给她看。

看到小伙伴私信问我问题,我不能回答,那种爱莫能助的感觉其实挺难受的,因为我也曾经给博主发过私信问问题,还是很期待能够得到答复的。

最后,我还是希望用我小小的影响力帮助到别人,写这篇博客的时候是一个大三学生,现在我已经是直博二年级的研究生,我目前在NUDT的系统工程学院的管理科学与工程专业,研究方向是数据挖掘,复杂网络。如果有想报考这个学校 or 计划保研 or 想交流大学期间的学习竞赛心得 or ......的小伙伴可以私信我,CSDN我还是经常看的,但是安卓我现在是真不会了....

AndroidStudio入门基础(一)——基础布局相关推荐

  1. WPF编程基础入门 ——— 第三章 布局(五)布局面板WrapPanel

    WPF布局--布局面板WrapPanel WPF--WrapPanel布局控件 WrapPanel实例--十个按钮 WPF--WrapPanel布局控件 WrapPanel(自动折行面板),允许任意多 ...

  2. style 字体加粗_第9篇 Qt Quick入门教程之基础(九)文本显示和字体

    导语 文本显示是界面开发必不可少的内容,在Qt Quick模块中提供了 Text 项目来进行文本的显示,其中可以使用 font 属性组对文本字体进行设置.这一篇我们来看看它们的具体使用. 使用字体 就 ...

  3. java adt入门教程_Android基础入门教程目录

    第一章:环境搭建与开发相关(已完结 10/10) https://blog.csdn.net/coder_pig/article/details/50000773 Android基础入门教程--1.1 ...

  4. 【尚硅谷】Web前端零基础入门HTML5+CSS3基础教程

    [尚硅谷]Web前端零基础入门HTML5+CSS3基础教程 学习视频来源:哔哩哔哩弹幕网(https://www.bilibili.com/video/BV1XJ411X7Ud?spm_id_from ...

  5. python向量计算库教程_NumPy库入门教程:基础知识总结

    原标题:NumPy库入门教程:基础知识总结 视学算法 | 作者 知乎专栏 | 来源 numpy可以说是 Python运用于人工智能和科学计算的一个重要基础,近段时间恰好学习了numpy,pandas, ...

  6. class括号里的object_Python入门 类class 基础篇

    记住一句话:类是模板,而实例则是根据类创建的对象. 我初学时对类的理解是从类的字面上,可以片面的认为它是一个种类,它是相似特征的抽像,也就是相似的东西,可以把相似特征的事务抽象成一个类.(事务可以是具 ...

  7. python网络爬虫的基本步骤-python爬虫入门需要哪些基础/python 网络爬虫教程

    如何入门 Python 爬虫 入门个吊,放弃 python爬虫入门需要哪些基础 现在之所以有多的小伙伴热衷于爬虫技术,无外乎是因为爬我们做很多事情,比如搜索引擎.采集数据.广告过滤等,以Python为 ...

  8. python入门到实践-Python编程从入门到实践(基础入门)

    Python编程从入门到实践-------基础入门 1.Python中的变量 2.Python首字母大写使用title()方法,全部大写upper()方法,全部小写lower()方法 3.Python ...

  9. java9.0.1教学,零基础Java基础教程【9天入门】

    零基础Java基础入门教程 中级共14课 本课程将会从零基础学员角度出发,带你9天快速掌握 Java,课程知识点编排循序渐进,能够将每一个知识点落地到实际案例,拒绝"听得懂.不会练.不会敲& ...

  10. redis 中一个字段 修改map_Redis bitmap 位图 从入门到精通 基础 实战 妙用

    1.bitmap介绍 位图不是真正的数据类型,它是定义在字符串类型中,一个字符串类型的值最多能存储512M字节的内容 位上限:2^(9(512)+10(1024)+10(1024)+3(8b=1B)) ...

最新文章

  1. 表格检测开源网络推荐
  2. python加法怎么写_51NOD 大数加法以及python写法
  3. 二叉树节点个数,叶子个数,第K层个数,最低公共节点
  4. Nginx的rewrite案例之防盗链
  5. 今天的考核题目: 你知道React和Vue的区别吗? skr,skr
  6. 如何构建自己的SIP SERVER!
  7. 数据结构之平衡树:红黑树的介绍与Python代码实现——17
  8. Logtail 混合模式:使用插件处理文件日志
  9. 使用fio测试磁盘I/O性能
  10. java8循环_Java8里请不要再使用循环语句
  11. ei会议和ei源刊的区别_Ei期刊和ei会议论文有哪些区别
  12. C++实现经典同步问题(生产者消费者、读者写者、哲学家进餐、吸烟者问题)
  13. 计算机英语教程作文,如何写好话题作文
  14. eclipse安装WTP部署WEB项目
  15. Streaming Telemetry翻译学习
  16. 【深度学习】02-06-谈谈机器学习的原理(选修)-李宏毅老师2122深度学习课程笔记
  17. 网考英语和计算机范围,中考英语听说机考周六首考,考生要依据计算机提示作答...
  18. vim和emac体验
  19. python海龟作图好看图案_编程入门 06:Python 海龟绘图
  20. 网络游戏数据同步的实现 一:状态同步、帧同步的基本原理概述

热门文章

  1. 香港 “一卡通”業務收費表
  2. 开通阿里云视频点播服务
  3. Java编程那些事儿2——程序设计是什么?
  4. SVM支持向量机,函数间隔为什么取1
  5. linux 显卡 1050ti,MAX-Q终于出中端卡了 GTX1050Ti MAX-Q显卡曝光
  6. 【算法】ACO蚂蚁寻路最短路径TSP问题-多篇文章总结
  7. 细谈永恒之蓝,实现复现
  8. 【JVM笔记】支配树(Dominator Tree)
  9. windows服务器硬盘怎么扩容,亚马逊Amazon EC2 Windows服务器磁盘扩容操作步骤
  10. IMF最新报告:E-money上位,合成版「央行数字货币」迎来曙光