美文网首页爱天气App实战开发
模块2:创建iWeather项目工程 - 创建工程

模块2:创建iWeather项目工程 - 创建工程

作者: jingz课程 | 来源:发表于2019-03-01 13:44 被阅读0次

    创建工程

    前面的课程已经讲解了如何在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查看:

    为Activity设置布局

    按住键盘上的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默认存在。我们在后面可以通过一些设置来去掉它,并代之以更灵活的机制。

    我们首先来将设计好的图标导入到开发项目中。

    相关文章

      网友评论

        本文标题:模块2:创建iWeather项目工程 - 创建工程

        本文链接:https://www.haomeiwen.com/subject/dxtgyqtx.html