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

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

第一步,打开android studio,点击File->new ->new module.进入如下界面,选择第一个手机和平板应用,点击next。
Android开发基础 - 使用XML布局文件控制UI界面(桌面台球游戏界面)_第1张图片
第二步,进入入下界面,将第一栏改写成“桌面台球”,第二栏改写成“xmllayout”,点击Edit,删除第三栏中的最后一个点,然后点击next。注:其中第一栏是应用名称,第二栏是模型module的名称。
Android开发基础 - 使用XML布局文件控制UI界面(桌面台球游戏界面)_第2张图片
第三步,进入如下界面后,选择blank类型的activity,然后点击next。
Android开发基础 - 使用XML布局文件控制UI界面(桌面台球游戏界面)_第3张图片
第四步,点击finish,即可,此时module创建完成。
Android开发基础 - 使用XML布局文件控制UI界面(桌面台球游戏界面)_第4张图片
第五步,创建完成后进入如下界面,复制一张背景图片,粘贴到res文件夹下的mipmap文件夹中,
Android开发基础 - 使用XML布局文件控制UI界面(桌面台球游戏界面)_第5张图片
第六步,如图所示,图片名为game的图片粘贴到mipmap文件夹中了,双击game.jpg可以查看粘贴的图片。
Android开发基础 - 使用XML布局文件控制UI界面(桌面台球游戏界面)_第6张图片
第七步,点击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布局文件中的字符串资源。
Android开发基础 - 使用XML布局文件控制UI界面(桌面台球游戏界面)_第7张图片
第七步,修改后的布局文件内容如图所示。
Android开发基础 - 使用XML布局文件控制UI界面(桌面台球游戏界面)_第8张图片
第八步,点击values文件夹中的strings.xml布局文件,添加如下代码:开始游戏 ,此代码是为文本框命名。如图所示。
Android开发基础 - 使用XML布局文件控制UI界面(桌面台球游戏界面)_第9张图片
第九步,转到设计视图看,首先点击点击activity_main.xml布局文件,然后点击下方的Design,会看到如下的设计视图,到此,一个简单UI界面就搞定了,最后我们在模拟器上运行一下。
Android开发基础 - 使用XML布局文件控制UI界面(桌面台球游戏界面)_第10张图片第十步,找到鼠标所在处的下拉菜单,选中xmllayout,然后点击右面的绿色三角形启动按钮。
Android开发基础 - 使用XML布局文件控制UI界面(桌面台球游戏界面)_第11张图片
第十一步,启动后会弹出如下界面,默认启动一个新的AVD,直接点击OK就可以。
Android开发基础 - 使用XML布局文件控制UI界面(桌面台球游戏界面)_第12张图片
第十二步,稍稍等待,静候佳音,大约1分钟左右,会出运行结果如下。
Android开发基础 - 使用XML布局文件控制UI界面(桌面台球游戏界面)_第13张图片
如果对你有帮助,点个赞再走吧,谢谢~

你可能感兴趣的:(Android开发基础 - 使用XML布局文件控制UI界面(桌面台球游戏界面))