创建工程
前面的课程已经讲解了如何在Android Studio中创建项目工程。在这里,创建iWeather项目的过程大致相同,只是需要按照以下的规定来设置几个参数:
- Application Name: iWeather
- Package Name: com.dmtech.iw。请务必一字不差的照此设置包名,将来需要根据它来获取天气数据。
后面的步骤保持默认即可。
在完成向导的各步骤的设置之后,Android Studio即进入到开发界面。在虚拟设备上运行程序查看结果如下:
我们还没有做任何工作,因此只看到Android Studio产生的缺省App界面。我们现在从这个界面出发了解一下程序的配置信息。
用户界面
来描述一下我们看到的App主界面。整个屏幕自上而下划分成4个区域:
- 暗绿色的系统状态栏
- 绿色的ActionBar,并且标题设置为App的名称“iWeather”
- 内容区域,设置为白色背景,并在中央显示文字“Hello World!”
- 虚拟按键栏:在某些设备上,用实体按键来代替之
颜色主题
其中,系统状态栏和ActionBar的背景颜色通常使用UI设计阶段指定的主色(Primary Color)及其变体(Variants)。相关的设置在哪里呢?我们打开资源文件“res/values/colors.xml”查看,其中对主色及其深色变体进行了定义:
主色及其深色变体其中颜色colorPrimary
对应于App主色,colorPrimaryDark
对应于App主色的深色变体。这两个名字会自动与ActionBar与系统状态栏的背景色相关联。
文字
ActionBar标题文字即为App名称。这个名称是一个字符串资源,定义在“res/values/strings.xml”中:
字符串定义应用程序名称可能在许多地方会用到,例如欢迎页面、介绍页面等。无论在哪里用到,都应当通过字符串名称“app_name”来引用,这样一方面避免手误写错,另一方面一旦需要修改则只需要修改string.xml
一处即可。
可以将其改为app_name
字符串的值改为中文“爱天气”,运行程序查看效果如下:
主界面布局
Android Studio的项目创建向导为我们自动生成了活动MainActivity
和它的布局描述文件“res/layout/activity_main.xml”。
打开Java源文件MainActivity.java
查看:
按住键盘上的Command键(Mac)或Ctrl键(Win)并点击代码中的布局名称activity_main
即可快速打开activity_main.xml
文件。
布局文件描述用户界面有哪些元素、如何排列。Android Studio对布局文件有两种展示模式,即设计模式和文本模式:
设计模式 文本模式通过设计视图,我们可以快速查看UI布局效果,也可以通过鼠标操作直接调整布局排列;在文本视图中,则可以通过编辑基于XML语法的布局描述进行精确设置。
我们在初次运行App时看到的内容区域即由此布局文件定义。进入文本视图,找到“Hello World”文字对应的TextView
组件,将文字内容修改为App的名称:
这里引用了string.xml
文件中定义的字串app_name
。切换到设计视图查看效果:
设计视图并不总能实时展现对应用程序界面元素的修改。如果这个修改是在Java程序代码中进行的,则需要运行程序查看结果。
可以发现,这里并没有对ActionBar进行描述。没错,ActionBar默认存在。我们在后面可以通过一些设置来去掉它,并代之以更灵活的机制。
我们首先来将设计好的图标导入到开发项目中。
网友评论