image.png

目录

七色板

使用线性布局构建七色板,首先查看下配色表,这其中颜色的编码是多少:

颜色 编码
android:background="#FF0033"
android:background="#FFCC33"
android:background="#FFFF00"
绿 android:background="#00CC00"
android:background="#0066CC"
android:background="#6666CC"
android:background="#993399"

activity_main.xml文件里主要为:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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"tools:context=".MainActivity"><LinearLayoutandroid:id="@+id/linearLayout11"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><LinearLayoutandroid:id="@+id/linearLayout2"android:layout_width="match_parent"android:layout_height="75dp"android:background="#FF0033"></LinearLayout><LinearLayoutandroid:id="@+id/linearLayout"android:layout_width="match_parent"android:layout_height="75dp"android:background="#FFCC33"></LinearLayout><LinearLayoutandroid:id="@+id/linearLayout3"android:layout_width="match_parent"android:layout_height="75dp"android:background="#FFFF00"></LinearLayout><LinearLayoutandroid:id="@+id/linearLayout4"android:layout_width="match_parent"android:layout_height="75dp"android:background="#00CC00"></LinearLayout><LinearLayoutandroid:id="@+id/linearLayout5"android:layout_width="match_parent"android:layout_height="75dp"android:background="#0066CC"></LinearLayout><LinearLayoutandroid:id="@+id/linearLayout6"android:layout_width="match_parent"android:layout_height="75dp"android:background="#6666CC"></LinearLayout><LinearLayoutandroid:id="@+id/linearLayout7"android:layout_width="match_parent"android:layout_height="75dp"android:background="#993399"></LinearLayout></LinearLayout></android.support.constraint.ConstraintLayout>

解析

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"

xmlns:android和xmlns:tools指定的是xml文件的命名空间,不是对布局的主要设置.

android:layout_width="match_parent"

用于指定当前的线性布局宽度占整个父元素,这里相对于当前的线性布局父元素为当前的窗体,所以宽度占满窗体

android:layout_height="match_parent"

用于指定当前的线性布局高度占整个父元素,这里相对于当前的线性布局父元素为当前的窗体,所以高度占满窗体

tools:context="com.example.activitylife.MainActivity"

用于指定渲染上下文

android:orientation="vertical"

用于指定当前控件为垂直摆放

android:background="#993399"

用于指定背景色

生成的效果

image.png

虚拟机运行结果

image.png

好了打完收工,回去睡觉.O(∩_∩)O

参考

Android的学习第六章(布局一LinearLayout)网页设计常用色彩搭配表
《配色表》


http://www.taodudu.cc/news/show-2225234.html

相关文章:

  • C# 汉字转拼音
  • canvas基础学习笔记
  • 正确使用计算机说课稿,计算机优秀说课稿讲课讲稿.pdf
  • C# 汉字转拼音(支持GB2312字符集中所有汉字)
  • 汉字转换为拼音 第一篇
  • 小学计算机说课稿,小学计算机说课稿_相关文章专题_写写帮文库
  • canvas练习 - 七巧板绘制
  • canvas学习之-七色板
  • java 圣思园_圣思园Java8新特性及实战视频教程完整版1
  • 最新《圣思园JavaSE实地培训系列教程》
  • 圣思园的随堂视频发布了
  • 圣思园Java视频 学习笔记
  • 深入java虚拟机(圣思园)
  • java 圣思园视频资源
  • 【北京圣思园学习笔记】第01讲:Java概述
  • #笔记#圣思园 JavaSE 第29讲——String类源代码深析
  • 2018最新圣思园JavaSE实地培训系列视频教程
  • 圣思园JavaWeb随手笔记
  • 圣思园张龙视频
  • 北京圣思园经典Java培训教学视频分享
  • 最新圣思园经典Java培训教学全套
  • 当年,我为何关停了亲手创建的“北京圣思园”
  • 圣思园 java_圣思园Java8新特性及实战视频教程 下载
  • 圣思园java笔记_最详细JAVA高并发多线程VIP课程--圣思园--笔记
  • 圣思园Spring精髓-Spring的底层设计思想
  • html入门圣思园视频,Java Web学习历程-(基于圣思园视频教程)
  • java web张龙_圣思园张龙javaWeb视频教程全集配套源码和PDF课件
  • 北京圣思园java视频教程全套_北京圣思园Java8新特性及实战视频教程完整版
  • 圣思园 java se_圣思园JavaSE视频笔记
  • 圣思园【深入JVM】笔记-第一课-论学习方法

线性布局LinearLayout(二)小练习相关推荐

  1. Android布局之线性布局LinearLayout(二) ----简单模仿ios端小米计算器主界面UI

    Android布局之线性布局LinearLayout(二) ----简单模仿ios端小米计算器主界面UI   今天老师的要求是让用LinearLayout布局做自己手机自带的计算器的UI设计,因为io ...

  2. 线性布局LinearLayout

    线性布局LinearLayout 一.简介 LinearLayout是一种线型的布局方式.LinearLayout布局容器内的组件一个挨着一个地排列起来:不仅可以控制个组件横向排列,也可控制各组件纵向 ...

  3. Android 应用开发(第3章)线性布局LinearLayout

    1.线性布局(LinearLayout) 线性布局是Android中较为常用的布局方式,它使用<LinearLayout>标签.LinearLayout 线性布局有两种,分别是水平线性布局 ...

  4. Andriod Studio 线性布局(LinearLayout)

    Andriod有六种基本布局:线性布局LinearLayout.相对布局RelativeLayout.表格布局TableLayout.层布局FrameLayout.绝对布局AbsoluteLayout ...

  5. 线性布局LinearLayout设置分割线divider

    目录 一.线性布局LinearLayout设置分割线divider 总结 一.线性布局LinearLayout设置分割线divider 上代码: <LinearLayoutandroid:id= ...

  6. Android学习笔记(11):线性布局LinearLayout

    线性布局LinearLayout是指在横向或是竖向一个接一个地排列.当排列的组件超出屏幕后,超出的组件将不会再显示出来. LinearLayout支持的XML属性和相应方法如表所看到的: Attrib ...

  7. Android Studio 线性布局Linearlayout的控件位置控制l属性Layout_margin失效问题解决

    Android Studio 线性布局Linearlayout的控件位置控制l属性Layout_margin失效问题解决 问题:如layout_marginRight ="50dp" ...

  8. 7 线性布局——LinearLayout

    在上一节中,我们讲到了所有的 Layout 都是从 ViewGroup 继承而来,它可以包含若干 View 并按照指定的规则将这个 View 摆放到屏幕上.那么接下来的章节我们就来学习一下 Andro ...

  9. Android UI布局之线性布局LinearLayout

    Android UI 布局 线性布局 线性布局 activity_main.xml <?xml version="1.0" encoding="utf-8" ...

  10. Android 使用线性布局LinearLayout和Button实现一个点红块游戏

    这个游戏的功能类似打地鼠. 项目地址:https://github.com/moonlightpoet/RedBlock 程序下载试玩地址:https://github.com/moonlightpo ...

最新文章

  1. matlab学习札记.20210122
  2. 《软件构架实践》7-9章读后感
  3. 深究AngularJS——$sce的使用
  4. 阿里云边缘云,驱动行业新价值
  5. nlp文本相似度_用几行代码在Python中搜索相似文本:一个NLP项目
  6. webpack4进阶配置
  7. linux 漏洞数量,Debian Linux被列为过去20年漏洞数量最多的操作系统
  8. Python3实现从txt文件中读取指定行的方法
  9. MySQL 基础 ———— 变量
  10. 1.10.返回四舍五入后的值.round()
  11. 中职计算机操作系统,中职计算机应用基础操作系统试题
  12. node.js 回调函数
  13. XmlHttpRequest错误:Access-Control-Allow-Origin不允许使用原点null
  14. 数据库数据模型理解 概念数据模型 逻辑数据模型 物理数据模型区别和联系
  15. 劣币驱逐良币,人吃人的中国职场环境还能走多远
  16. 苹果系统 如何快速访问服务器,mac下的finder怎么使用技巧 苹果系统如何快速打开Finder...
  17. 消息推送技术干货:美团实时消息推送服务的技术演进之路
  18. 少儿编程有多火,家长就有多焦虑...
  19. 记一次使用fiddler抓包抖音的挫折
  20. BZOJ 4864: [BeiJing 2017 Wc]神秘物质

热门文章

  1. 使用Unicode字符集出现乱码问题
  2. Eclipse之各个版本的区别
  3. python常用的编程软件_mPython(图形化编程软件)
  4. 函数对称性常见公式_函数的对称性
  5. Java IO——字节流和字符流详解区别对比
  6. 【全网最全】软件测试面试题(含答案),2022最强版,直通大厂
  7. JS对象属性操作之定义属性篇
  8. vrep小车寻迹代码
  9. distpicker使用记录
  10. iOS socket编程