Android手机应用开发（一） | 基本的UI界面设计_手机ui界面设计软件

实验目的：

1. 熟悉Android Studio开发工具操作。
2. 熟悉Android Studio基本UI开发，并进行UI基本设计。

创建一个文本框 TextView

首先要清楚布局文件在哪里

用Android模式查看项目结构，在layout里面存放着app的所有布局，默认第一个页面就是activity_main.xml

那么就可以直接在这里面添加一些列界面元素了

<TextView
        android:id="@+id/text" //表示它的id为text，放在id xml里，而且这是新加的id所以用+号
        android:layout_width="wrap_content"	//这个是必须的，定义了组件的宽度
        android:layout_height="wrap_content"//这个也是必须的，定义了组件的高度
        android:text="@string/display_name"//这个定义了显示的文本为string的xml里的display_name字符串，这样有利于修改，其实也可以直接写
        android:textSize="20sp" 	//定义了文字的大小，一般用sp作单位
        android:layout_marginTop="20dp" //定义了组件距离上边界的空白，一般用dp作单位
        app:layout_constraintLeft_toLeftOf="parent"//约束布局：表明其左边界与父组件的左边对齐
        app:layout_constraintRight_toRightOf="parent"//约束布局：表明其右边界与父组件的右边对齐
        app:layout_constraintTop_toTopOf="parent" />//约束布局：表明其顶部与父组件的顶部对齐
1
2
3
4
5
6
7
8
9
10

这里有一点需要注意的

• 官方是建议使用layout_marginEnd和layout_marginStart代替layout_marginLeft和layout_marginRight,说法是这样文字不论从左到右还是从右到左都不会出现问题，之前我还一直疑惑为什么又有Left又有Start，不知道该用什么，反正就按官方的做，不过有时候用不了？我还是用回了Left和Right
  

创建一个图片块ImageView

一般来说图片文件放在mipmap文件夹里，不过其实不止一个文件夹