Android Studio测试开发环境02

文章目录

    • 一、创建安卓应用
    • 二、运行安卓项目
    • 三、设置屏幕标签
        • (1)修改标签文本
        • (2)设置标签字号和颜色
        • (3)修改程序名字
        • 四、修改主布局并设置布局属性
          • (1)将约束布局改成线性布局
          • (2)设置线性布局属性
          • 2、设置子控件对齐方式
          • 3、设置线性布局方向
          • 4、线性布局嵌套示意图

一、创建安卓应用

  • 新建项目
    Android Studio测试开发环境02_第1张图片
  • 在Phone and Tablet 中选择 Empty Activity模板

Android Studio测试开发环境02_第2张图片

  • 配置基本信息

Android Studio测试开发环境02_第3张图片

  • 单击 Finish 按钮

Android Studio测试开发环境02_第4张图片

二、运行安卓项目

  • 点击工具栏运行按钮

Android Studio测试开发环境02_第5张图片

  • 查看项目运行结果
  • 屏幕标签显示 Hello World!

Android Studio测试开发环境02_第6张图片

三、设置屏幕标签

(1)修改标签文本

  • 打开res - layout目录,打开主布局文件 activity_main.xml,默认是 Design 视图
    Android Studio测试开发环境02_第7张图片

  • 切换至Code视图

Android Studio测试开发环境02_第8张图片

  • 修改android:text 的值

Android Studio测试开发环境02_第9张图片

  • 重启项目,查看效果

Android Studio测试开发环境02_第10张图片

  • 看屏幕提示,建议不使用硬编码字符串(Hardcoded string),应该使用@string资源,也就是说应该定义字符串变量。

Android Studio测试开发环境02_第11张图片

  • 在 res - values 里的strings.xml文件中定义一个字符串变量 welcome

Android Studio测试开发环境02_第12张图片

  • 在布局配置文件 activity_main.xml里调用该字符串变量 welcome

Android Studio测试开发环境02_第13张图片

  • 重启项目,查看效果

Android Studio测试开发环境02_第14张图片

(2)设置标签字号和颜色

  • text Size - 文本字号;text Color - 文本颜色
  • 修改后,重新运行,查看效果

Android Studio测试开发环境02_第15张图片

(3)修改程序名字

  • 在应用列表中找到创建的安卓应用 - Test

Android Studio测试开发环境02_第16张图片

  • 程序运行,活动栏上的标题也是应用程序的名称 - Test
  • 在字符串资源文件里修改字符串变量 app_name 的值

Android Studio测试开发环境02_第17张图片

  • 重启项目,查看效果

Android Studio测试开发环境02_第18张图片

  • 查看应用列表

Android Studio测试开发环境02_第19张图片

四、修改主布局并设置布局属性

(1)将约束布局改成线性布局

将ConstraintLayout改成LinearLayout
Android Studio测试开发环境02_第20张图片

(2)设置线性布局属性
  • 1、设置背景图片
    将背景图片background.jpg拷贝到drawable目录里
    Android Studio测试开发环境02_第21张图片

  • 设置线性布局的background属性

Android Studio测试开发环境02_第22张图片

  • 运行查看效果

Android Studio测试开发环境02_第23张图片

2、设置子控件对齐方式
  • 设置线性布局的 gravity 属性为 center

Android Studio测试开发环境02_第24张图片

  • 运行查看效果

Android Studio测试开发环境02_第25张图片

3、设置线性布局方向
  • 如果要在线性布局里添加多个标签控件,默认的情况是水平排列,即线性布局的orientation属性默认是horizontal。如果要垂直排列,那么线性布局的orientation属性要设置vertical。

Android Studio测试开发环境02_第26张图片

  • 再添加一个标签,设置相关属性

Android Studio测试开发环境02_第27张图片

  • 运行项目,查看效果

Android Studio测试开发环境02_第28张图片

  • 如果希望两个标签隔开一点,那就是设置外边距属性(marginLeft、marginRight、marginTop、marginBottom)

Android Studio测试开发环境02_第29张图片

4、线性布局嵌套示意图
  • 通过布局嵌套可以实现比较复杂的界面

Android Studio测试开发环境02_第30张图片

你可能感兴趣的:(android,studio,android,ui)