Android开发基础 - 使用XML布局文件控制UI界面(桌面台球游戏界面)

Android开发基础 - 使用XML布局文件控制UI界面

第一步,打开android studio,点击File->new ->new module.进入如下界面,选择第一个手机和平板应用,点击next。
在这里插入图片描述
第二步,进入入下界面,将第一栏改写成“桌面台球”,第二栏改写成“xmllayout”,点击Edit,删除第三栏中的最后一个点,然后点击next。注:其中第一栏是应用名称,第二栏是模型module的名称。
在这里插入图片描述
第三步,进入如下界面后,选择blank类型的activity,然后点击next。
在这里插入图片描述
第四步,点击finish,即可,此时module创建完成。
在这里插入图片描述
第五步,创建完成后进入如下界面,复制一张背景图片,粘贴到res文件夹下的mipmap文件夹中,
在这里插入图片描述
第六步,如图所示,图片名为game的图片粘贴到mipmap文件夹中了,双击game.jpg可以查看粘贴的图片。
在这里插入图片描述
第七步,点击activity_main.xml布局文件,添加背景属性,代码为android:background="@mipmap/game"
此代码中game是图片的名称,mipmap是文件夹名称。
同时在TextView下设置以下属性以及引用字符串资源,代码如下:

        android:layout_gravity="center"
        android:textSize="18sp"
        android:textColor="#115572"
        android:text="@string/start" />

其中第1行代码为居中显示,第二行为文本框大小,第三行为16进制的颜色,为蓝色,最后一栏是引用values文件夹中的strings.xml布局文件中的字符串资源。
在这里插入图片描述
第七步,修改后的布局文件内容如图所示。
在这里插入图片描述
第八步,点击values文件夹中的strings.xml布局文件,添加如下代码:<string name="start">开始游戏</string> ,此代码是为文本框命名。如图所示。
在这里插入图片描述
第九步,转到设计视图看,首先点击点击activity_main.xml布局文件,然后点击下方的Design,会看到如下的设计视图,到此,一个简单UI界面就搞定了,最后我们在模拟器上运行一下。
在这里插入图片描述第十步,找到鼠标所在处的下拉菜单,选中xmllayout,然后点击右面的绿色三角形启动按钮。
在这里插入图片描述
第十一步,启动后会弹出如下界面,默认启动一个新的AVD,直接点击OK就可以。
在这里插入图片描述
第十二步,稍稍等待,静候佳音,大约1分钟左右,会出运行结果如下。
在这里插入图片描述
如果对你有帮助,点个赞再走吧,谢谢~

发布了39 篇原创文章 · 获赞 17 · 访问量 2135

猜你喜欢

转载自blog.csdn.net/nuist_NJUPT/article/details/104823455
今日推荐