文章吧-经典好文章在线阅读:技术干货 | 建立安卓项目和UI基础控件

当前的位置:文章吧 > 原创文章 >

技术干货 | 建立安卓项目和UI基础控件

2018-04-10 22:31:08 作者:SeaLynn0 阅读:载入中…

技术干货 | 建立安卓项目和UI基础控件

  每个人都有一个属于自己星空

你就是值得被我夸啊

  - 丫丫 -

  继上一期的安卓讲解 技术干货 | 安卓基础开发环境的搭建 ,接着来一份快点进去看啊!

  看完记得去撩程序员啊,反正他写的你看不懂,你撩他他也不懂啊

  建立自己的第一个项目

  上一次我们讲到了Android开发环境的搭建,在这次的开始之前,我先简单的教一下大家怎么创建一个Android Studio(下面简称AS)项目:

  在欢迎界面,点击Start a new Android Studio Project的选项,进入新建项目的界面

  第一栏填写的是你项目的名称,也是你的应用名,我这里设置成MyFirstApp当然之后你也可以重新设置你的应用名

  第二栏是你公司的域名,如果没有就按默认的也行

  第三是你项目在硬盘的存放地址

  我们暂时不需要C++和Kotlin这两种编程语言支持,所以我们暂时不需要勾选改好后我们直接选next就好了

  然后我们会来到选择目标安卓设备的界面

  可勾选的的项目的意义从上到下分别是:

  手机或平板:就是我们日常用的安卓设备

  穿戴:类似于只能手表之类的可穿戴设备

  TV:不用多想就是电视

  Auto:车载安卓平台的App

  Things:安卓物联网平台

  我们要创建的是给手机用的APP,所以我们勾选第一项选择的API是指最低支持的Android系统版本,目前来说,我们选到API19(Android 4.4)就可以支持大部分设备了选好之后我们再次点击next

  接下来的两个页面我们都先选默认,我先来解释一下layout和activity

  Layout简单的来说就是大家看到的APP的布局,它是一个xml文件具体如何实现各种布局也是接下来我要讲的

  Activity则是用于APP的后台处理各种交互信息存在,它是一个java文件安卓的主要编程语言是Java或者Kotlin

  点击Finish,等待出现项目的主界面我们的第一个项目就创建完成啦~

  界面的左侧就是我们安卓项目的结构,可以通过图中的步骤来找到我们刚才创建的Activity和Layout文件点击activity_main.xml,接下来的教程我们将在这里进行~

  Android UI 的几个基础页面

  在开始讲控件之前,我们打开activity_main.xml,会发现项目已经帮我们生成了默认的HelloWorld界面

  我先给大家讲控件和布局的概念

  控件就是我们看到的单个的实体比如说一个按钮,一张图片,一段文字,都可以说是一个个控件

  布局则是装盛或者容纳这些控件的容器,当然也用来控制这些控件在容器内的相对位置从上图左侧的代码中我们可以看到的<android.support.constraint.ConstraintLayout>

  lt;/android.support.constraint.ConstraintLayout>

  就是布局,也可以说是容器,被包裹在中间的便是一个个控件ConstraintLayout是目前谷歌主推的一个布局,叫约束布局但是我们今天要用到的不是这个所以我们先将其改成LinearLayout,线性布局接下来我们就要开始讲控件啦~

  TextView

  被包含在LinearLayout里的用来显示文字的TextView控件

  我们仔细的看代码,在

  lt;TextView

  />

  里面的是该控件的一些属性

  width和height就是设置该控件的长和宽,你可以给它设置根据控件内的内容自动调整大小(wrap_content),如上图也可以给它设置固定的大小,一般的单位为dp:

  当然还有一个属性值是match_parent让控件的大小充满整个容器

  这不仅仅是所有控件的通用属性,也是布局的通用属性,就像上图的LinearLayout也是有width和height属性

  当然为了显示文字,我们可以通过text属性给TextView设置文本如果要设置文本的大小的话我们可以通过TextSize来设置,如图:

  utton

  在APP中我们看到过各种各样的按钮,其实它只是一个小小的控件Button

  我们在LinearLayout内,TextView后建立一个Button因为是LinearLayout的缘故,在这个布局内的控件会从左到右水平排布,所以Button会在TextView的右边

  除了有有控件的通用属性width和height以外,Button也能通过text属性给按钮设置文字但我要讲的是Background属性是用于给控件或布局设置背景颜色或者图片的就像图中我给按钮蓝色(rgb值:#1c86ee)的背景

  ImageView

  ImageView顾名思义就是存放图片的控件,我们可以通过如下代码来建立一个ImageView控件:

  其中我们可以通过src属性来设置图片但认真观察属性值@mipmap/ic_launcher,这样写可是有其原因的:

  在项目目录app-res-mipmap下我们可以找到上面引用的图片那么@则是应用res(resoure)资源文件夹下的文件,@mipmap/ic_launcher则是引用mipmap文件夹下的ic_launcher图片文件,最终将其显示在ImageView下

  控件的属性当然不止我说的这些,还有你可以在下面的网站查看:

  https://developer.android.google.cn/reference/android/widget/TextView.html (谷歌官方文档)

  https://www.yiibai.com/android/android_textview_control.html

  有兴趣的话可以试试不同的属性的组合会有什么不同的效果,我们下一篇推文就来介绍一下基础布局和控件之间的逻辑交互~

小预告

  请期待下一次的技术干货哦,我们将推出基础布局和控件之间的逻辑交互感兴趣的朋友我们下期再见!

  特别鸣谢 -

  内容 - SeaLynn0

  封面 -  堆糖

  音乐 - Counting Stars OneRepublic

  编辑 - 丫丫

  长按识别  鼓励程序员和小编

评价:

[匿名评论]登录注册

评论加载中……