Android实训1_动物连连看游戏界面制作_线性布局
这篇具有很好参考价值的文章主要介绍了Android实训1_动物连连看游戏界面制作_线性布局。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。
实训1 动物连连看游戏界面制作
【实训名称】 |
动物连连看游戏界面制作 |
【实训效果】 |
|
【实训目的】 |
掌握Android中线性布局的使用 |
【实训素材】 |
drawable-hdpi文件夹: |
【实训素材CSDN资源链接】 |
https://download.csdn.net/download/xiaohui_student/88351533?spm=1001.2014.3001.5503 |
【准备工作】 |
- 创建Android项目——Animal Application
- 将实训素材drawable-hdpi文件夹移动至app/src/main/res目录下
|
【知识点】 |
- Android界面布局的通用属性:
属性名称 |
功能描述 |
android:id |
设置布局的标识 |
android:layout_width |
设置布局的宽度 |
android: layout_height |
设置布局的宽度 |
android:background |
设置布局的背景 |
android:layout_margin |
设置当前布局与屏幕边界或与周围控件的距离 |
android:padding |
设置当前布局与该布局中控件的距离 |
(1)android:id用于设置当前布局的唯一标识。
- 在XML文件中它的属性值是通过“@+id/属性名称”定义。
(2)android:layout_width
- 用于设置布局的宽度,其值可以是具体的尺寸,如50dp,也可以是系统定义的值。
- 系统定义的值有fill_parent、match_parent和wrap_conten
(3)android:layout_height
- 用于设置布局的高度,其值可以是具体的尺寸,如50dp,也可以是系统定义的值。
- 系统定义的值有fill_parent、match_parent和wrap_content
(4)android:background
- 用于设置布局背景。其值可以引用图片资源,也可以是颜色资源。
(5)android:layout_margin
- 用于设置当前布局与屏幕边界、周围布局或控件的距离。属性值为具体的尺寸,如45dp。
(6)android:padding
- 用于设置当前布局内控件与该布局的距离,其值可以是具体的尺寸,如45dp。
2.LinearLayout(线性布局)通常指定布局内的子控件水平或者竖直排列。 在XML布局文件中定义线性布局的基本语法格式如下:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 属性 = "属性值" ......> </LinearLayout> |
3.除了布局的通用属性外,LinearLayout布局还有两个比较常用的属性,分别是android:orientation和android:layout_weight,具体介绍如下所示。
属性名称 |
功能描述 |
android:orientation |
设置布局内控件的排列顺序 |
android:layout_weight |
在布局内设置控件权重,属性值可直接写int值 |
属性android:orientation的值为可选值,可选值为vertical和horizontal。 (1)vertical:表示LinearLayout布局内控件依次从上到下竖直排列。 (2)horizontal:表示LinearLayout布局内控件依次从左到右水平排列。 属性android:layout_weight: (1)该属性被称为权重,通过设置该属性值,可使布局内的控件按照权重比显示大小。 (2)在进行屏幕适配时起到关键作用。 |
【相关代码】 |
1.在app/src/main/res/values中打开styles.xml文件,并添加“连连看公共样式”部分内容: |
<resources>
<!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> </style>
<!-- 连连看公共样式 --> <style name="btnStyle"> <item name="android:layout_width">70dp</item> <item name="android:layout_height">70dp</item> <item name="android:layout_marginRight">15dp</item> </style>
</resources> |
2.将原来的app/src/main/res/layout/activity_main.xml文件删除,创建新的布局文件,文件名为activity_main.xml。 |
3.在新创建的activity_main.xml文件中输入以下内容: |
<?xml version="1.0" encoding="utf-8"?>文章来源:https://www.toymoban.com/news/detail-716232.html <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/animal_bg" android:orientation="vertical" android:paddingLeft="15dp" android:paddingRight="15dp" >
<LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginTop="300dp" android:orientation="horizontal">
<Button style="@style/btnStyle" android:background="@drawable/three"> </Button>
<Button style="@style/btnStyle" android:background="@drawable/four"> </Button>
<Button style="@style/btnStyle" android:background="@drawable/box"> </Button>
<Button style="@style/btnStyle" android:background="@drawable/five"> </Button>
</LinearLayout>
<LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginTop="30dp" android:orientation="horizontal">
<Button style="@style/btnStyle" android:background="@drawable/one"> </Button>
<Button style="@style/btnStyle" android:background="@drawable/two"> </Button>
<Button style="@style/btnStyle" android:background="@drawable/box"> </Button>
<Button style="@style/btnStyle" android:background="@drawable/four"> </Button>
</LinearLayout>
<LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginTop="30dp" android:orientation="horizontal">
<Button style="@style/btnStyle" android:background="@drawable/five"> </Button>
<Button style="@style/btnStyle" android:background="@drawable/box"> </Button>
<Button style="@style/btnStyle" android:background="@drawable/three"> </Button>
<Button style="@style/btnStyle" android:background="@drawable/two"> </Button>
</LinearLayout> </LinearLayout>文章来源地址https://www.toymoban.com/news/detail-716232.html |
到了这里,关于Android实训1_动物连连看游戏界面制作_线性布局的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!