1
2
3
4
5
6
7
8
9
10
11
12

2.1 常用的布局类型

发布时间:2018-02-23 14:22   发布人:陈媛媛   浏览次数:2411

【 单元:常用的布局类型 】

本次课我们将学习创建布局文件的方法;相对布局、线性布局、表格布局、网格布局、帧布局的用法;并通过案例进一步掌握布局的使用用法。

能力目标

知识目标

素质目标

能够熟练创建布局文件并应用常用的布局类型。

1.掌握创建布局文件的方法;

2.掌握相对布局、线性布局的用法;

3.了解表格布局、网格布局、帧布局的用法。

1.养成积极主动学习意识;

2.养成勤于动手的习惯;

3.培养团队合作能力。

学习任务

重点、难点

突破方法

1.使用相对布局实现梅花布局效果;

2.使用线性布局实现按钮排列;

3.丰富的表格布局;

4.使用网格布局实现计算器界面;

5.使用帧布局实现霓虹灯效果。

1. 创建布局文件的方法;

2. 相对布局、线性布局的用法;

3.网格布局的用法。

采用翻转课堂、项目导入的教学模式,采用分组讨论、案例教学、演示原理动画等教学方法。

【 导学视频 】

【 思维导图 】

1573605239215503.jpeg

【 课前准备 】

课前

微课

(1) 常用布局类型有哪些1

(2)常用布局类型有哪些2

资料

查找

(1) 在AndroidStudio中找到布局文件的位置

(2) 如何创建布局文件

【 学习资源(视频、音频、动画类)】

教学

视频

(1)使用相对布局实现梅花布局效果  (2)线性布局实现按钮排列  

(3)丰富的表格布局                          (4)使用网格布局实现计算器界面    

(5)使用帧布局实现霓虹灯效果

移动

终端

快捷通道

1573554409138497.png

1573554434105075.png

1573554468547665.png

原理

动画

(1)常用控件和布局的继承结构      (2)ssb调制              

(3)VSB解调                                  (4)vsb调制                   

(5)vsb信号频谱(上)                  (6)vsb信号频谱(下)

动画特效

(1)简易的星级控件                 源码下载:压缩图标.pngStarBarExample-master.zip

(2)钱包掉落动画                    源码下载:压缩图标.pngGoldDrop-master.zip

案例运行

效果

(1)相对布局实现梅花布局效果     (2)线性布局实现用户登录界面 

(3)丰富的表格布局                      (4)网格布局实现计算器界面   

(5)帧布局实现霓虹灯效果

案例源码

压缩图标.pngUILayoutTest

音频

答疑

(1)布局文件在哪里?

(2)表格布局中如何添加行?

(3)网格布局如何控制行数和列数?

(4)如何使用线性布局?

(5)如何让Button位于屏幕中间?

(6)权重如何使用?

【 学习资源(文档、课件、图片类)】

教学设计

《常用的布局类型》单元设计

点击进入学习

任务

工单

《常用的布局类型》任务工单

点击进入学习

教案

《常用的布局类型》教案

点击进入学习

课件

《常用的布局类型》课件

点击进入学习

图标素材

点击下载素材

压缩图标.png手机清新系统图标.rar

点击下载素材

压缩图标.pngAndroid图标素材1.rar

习题

《常用的布局类型》练习题

点击进入学习

实训指导

《实现计算器界面》实训指导书

点击进入学习

实训

流程

1573554658479115.png

【 学习资源拓展 】

技能

大赛

实战

技能大赛练习一

2019年全国职业技能大赛移动互联网应用软件开发试题库

企业案例

视频:  绘制折线图(一) 

               绘制折线图(二)  

            绘制折线图(三)

               绘制折线图(四)

案例源码:压缩图标.pngMPAndroidChart图表-ChartDemo.rar

案例效果:使用MPAndroidChart绘制图表

学生作品

作品名称:闹钟

作品文档:项目报告(在线预览)

作品源码:压缩图标.pngAlarm1.01.rar

运行效果:项目展示

专业

英语

LinearLayout  线性布局

RelativeLayout  相对布局

GridLayout   网格布局

TableLayout  表格布局

FrameLayout  帧布局

拓展

作业

运用常用布局制作用户登录界面

推荐

学习

内容

Android布局的各种对齐问题

他山之石

1574825171659634.png

1574825210151213.png

1574825229153365.png

                                                  1574823660111245.gif1574823660111245.gif1574823660111245.gif


  • 曹洪新 2018-09-26 16:01:21
    如何选择各种布局管理器
  • 张树瑜 2019-11-24 19:02:18
    这节课对我们很有用
  • 黄迎春 2019-11-24 19:03:17
    动画内容丰富,很实用
  • 李强 2019-11-24 19:04:39
    对学习很有帮助,不错!
  • 李虹睿 2019-11-24 19:04:53
    这节课很实用,学到很多。
  • 张嘉钰 2019-11-24 19:07:05
    很丰富
  • 亚楠 2019-11-24 19:08:27
    这些很有用,学到了
  • 李洪胜 2019-11-24 19:09:09
    这节课对我们很有用
  • 田雪 2019-11-24 19:09:26
    很好,对学习很有帮助!
  • 刘桂芳 2019-11-24 19:09:35
    内容丰富,实用
  • 吴嘉杰 2019-11-24 19:10:52
    学到很多有用的新知识
  • 赵甜甜 2019-11-24 19:10:59
    这节课让我学到了很多
  • 冯晓玲 2019-11-24 19:11:55
    这节课让我学到了很多,很实用
  • 李亚凡 2019-11-24 19:12:21
    这节课很实用,学到很多。
  • 秦海龙 2019-11-24 19:12:22
    内容实用,对学习很有帮助!
  • 吴梦蝶 2019-11-24 19:12:38
    丰富了我的知识
  • 陈超 2019-11-24 19:12:49
    不错,很实用
  • 赵颖欣 2019-11-24 19:14:20
    本节让我学习到了很多知识,对课程有了了解
  • 霍青云 2019-11-24 19:15:43
    这节课内容丰富,学到了很多知识,很好用。
  • 汤怀楠 2019-11-24 19:16:19
    内容丰富,学到很多
  • 崔一凡 2019-11-24 19:21:27
    这节课很实用,学到很多。
  • 袁呈泉 2019-11-24 19:30:08
    内容丰富,老师负责!
  • 杨之帅 2019-11-24 19:31:05
    这节课很好很实用,我学到了很多。
  • 刘云龙 2019-11-24 19:33:57
    内容丰富,通俗易懂,学到了很多。
  • 樊艳欣 2019-11-24 19:40:17
    内容丰富有趣,很不错!
  • 王兴华 2019-11-24 19:52:37
    丰富知识,很实用
  • 程政 2019-11-24 19:54:22
    通俗易懂 简洁明了 非常的好
  • 冯泽辰 2019-11-24 19:58:51
    老师很用心的讲解,很多细节都能指出
  • 任雨鹏 2019-11-24 20:02:55
    动画效果非常好,能学到很多原理,让学习更简单
  • 刘霄扬 2019-11-24 20:03:03
    对学习很有帮助,不错!
  • 李天昌 2019-11-24 20:26:09
    这节课很好很实用,我学到了很多。
  • 赵盛彪 2019-11-24 20:48:35
    老师讲的非常好,每天学习丰富知识,把学习变简单
  • 徐健皓 2019-11-24 20:51:30
    不错,很实用