Android项目实战——My Show APP开发（Activity编辑）

DevEco默认打开了DevBoard开发面板，其中可以看到我们创建项目时新建的一个Activity，双击即可进入此Activity的编辑界面：

在这个界面中出现了一个控件栏，里面有各种类型的控件。其中包含文字、图片等格式，把控件名称拖入右方手机的空白区域即可编辑控件的属性。我们先把自带的“Hello World”文本控件删除，单击文字即可选中，然后按键盘上的Delete键就可以删除掉这个文字控件了。在本次开发的My Show APP中，第一个Activity可以制作为欢迎页，即打开APP后停留几秒再进入APP首页。所以，我们需要往项目中导入图片素材。直接复制图片文件，然后右键drawable文件夹选择Paste即可粘贴：

现在可以往Activity中拖拽一个图片控件：

单击“ImageView”不放拖拽到右边Activity正中间，当拖拽控件靠近Activity正中间的时候会有途中绿色虚线作为标尺，自动引导控件放置位置。松开鼠标即放置完成，显示为蓝色正方块一小块区域。双击图片控件出现图片属性设置，id就是这个图片空间的id，创建控件时会自动生成，也可以自定义；src就是图片路径，通过点击src右边的“…”按钮来选择图片路径，弹出选择窗口：

在drawable文件夹中可以找到我们之前复制进去的图片素材，选择后点击OK：

这是图片就会出现在Activity中，然后在右下方的属性中为scaleType选择centerCrop值，使图片去掉多余的部分：

接下来拖动图片的上下边界，减少与屏幕边界的距离。

点击下方的Text标签进入Activity的代码编辑页面，在这里删除设置上下左右边界距离的代码，就可以让图片占满整个屏幕：

点击Design标签回到设计界面，效果如下：

至此，第一个作为欢迎页的Activity就制作完成啦！

接下来开始制作第二个作为首页的Activity，首先打开DevBoard界面新建一个Activity，在空白处右键然后选择New Activity即可创建：

在点击New Activity之后会出现两个引导页，和之前创建项目的最后两个引导页相同，分别是选择Activity的样式和Activity的名称、标题等属性的定义。点击Finish后完成创建：

双击新建的Activity进入此Activity的编辑界面，同样的，删除自带的“Hello World”文本控件，然后拖入一个图片控件到屏幕顶部居中：

与前一个Activity一样，选择图片并确定：

可以看到，这时候图片上下还有留白。我们要去掉留白，就要进入Text代码编辑界面为这个图片控件加入一个属性“android:adjustViewBounds="true"”：

现在，从右边的预览图可以看到，上下留白都已经去掉了。然后进入Design界面继续拖入图片控件并选择图片：

现在刚加入的图片是很大的，需要把它的尺寸调小一点，并且位置向上挪一点更为美观。这就需要再次进入Text编辑模式更改控件的长宽和与上面控件的距离，“android:layout_width="wrap_content"”和“android:layout_height="wrap_content"”分别代表它的宽和高，默认值都是wrap_content，它表示使控件自动调整大小来适应屏幕以显示全部图片内容，这里我们把它改成宽120dp、高60dp（dp表示设备独立像素，是屏幕上的计量单位）。“android:layout_marginTop="59dp"”表示此控件和上面部分（包含控件和屏幕边缘）的距离，这里统一设置为10dp：

接下来开始加入文字控件，同样的，进入Design界面，从左侧的控件栏中拖入一个文字控件到Activity中，然后双击控件编辑内容：

这里拖入的是Medium Text，即中号字体。双击文本控件后在text栏中输入要显示的文字，再把控件拖动到适当位置即可：

用相同方式继续加入图片和文字控件，并添加多个Activity。从DevBoard面板上来看，效果如下：

在DevBoard界面，每次新建一个Activity就会自动为这个Activity创建一个隐藏菜单，就在Activity的右上角，选中Activity即可看到。在本次项目开发中，我们为除了欢迎页的其他4个Activity建立“退出”菜单，和其中除了首页的另外3个Activity创建“首页”菜单。

由于默认创建的菜单名称为Settings，我们把它改成“退出”。这就需要到项目的如下目录中更改strings.xml文件：

把图中“Settings”的Settings改为“首页”就可以使Activity的默认隐藏菜单变成标题为“首页”。再添加一句“退出”，就为退出菜单设置了一个变量可以使用，更改如下：

更改完成后回到DevBoard界面，由于首页Activity只需要退出菜单，所以我们要把首页的菜单更改一下。选中首页Activity出现菜单（这里本来是Settings的，现在就变成首页啦）：

双击菜单栏，进入菜单编辑页面：

这里的菜单名称属性的值本来是“@string/action_settings”（即“首页”），现在改成“@string/action_exit”，就可变成“退出”了。再次回到DevBoard界面，来为其他3个Activity建立退出菜单，选中Activity出现“首页”菜单，在菜单上右键选择Create New Setting：

弹出新建隐藏菜单的引导页，其中有四个属性设置。其中第一个为id，可以自定义设置。第二个属性就是菜单显示的名称，这里选择了我们在之前创建的“action_exit”，就是说菜单名称为“退出”。第三个属性是菜单的序号，菜单会根据序号由小到大，从上往下排列，由于已有的一个默认菜单（就是我们把标题改为“首页”的那个菜单）默认的序号是100，所以这里序号填写为101。最后一个属性是说这个菜单是否显示到Activity的标题栏，默认值是“never”，就是不会直接显示，而是作为隐藏菜单，这里就使用默认设置。最后点击OK来创建：

创建后效果如下，接下来使用同样的方法为剩下两个Activity创建“退出”菜单：

现在，所有Activity界面设计完成了。但是他们都是孤立的，所以我们要把他们连起来，即建立跳转关系。首先选中一个图片控件（或者文字控件以及右上角的隐藏菜单），选中后按住Ctrl键或者Shift键把鼠标移至需要跳转到的Activity并单击目标Activity，即可建立连接关系，然后可以松开Ctrl键或者Shift键：

使用同样的方式建立其它Activity之间的联系：