Android实训1_动物连连看游戏界面制作_线性布局

这篇具有很好参考价值的文章主要介绍了Android实训1_动物连连看游戏界面制作_线性布局。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

实训1  动物连连看游戏界面制作

【实训名称】

动物连连看游戏界面制作

【实训效果】

Android实训1_动物连连看游戏界面制作_线性布局,Android 学习笔记,android studio,android

【实训目的】

掌握Android中线性布局的使用

【实训素材】

drawable-hdpi文件夹:

Android实训1_动物连连看游戏界面制作_线性布局,Android 学习笔记,android studio,android

【实训素材CSDN资源链接】

https://download.csdn.net/download/xiaohui_student/88351533?spm=1001.2014.3001.5503

【准备工作】

  1. 创建Android项目——Animal Application
  2. 将实训素材drawable-hdpi文件夹移动至app/src/main/res目录下

【知识点】

  1. 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。

Android实训1_动物连连看游戏界面制作_线性布局,Android 学习笔记,android studio,android

Android实训1_动物连连看游戏界面制作_线性布局,Android 学习笔记,android studio,android

Android实训1_动物连连看游戏界面制作_线性布局,Android 学习笔记,android studio,android

Android实训1_动物连连看游戏界面制作_线性布局,Android 学习笔记,android studio,android

3.在新创建的activity_main.xml文件中输入以下内容:

<?xml version="1.0" encoding="utf-8"?>

<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模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Android 连连看基本布局示例

    这是一个基本的 Android 连连看应用程序布局代码示例,其中使用了LinearLayout组件和Button组件。通过在水平和垂直方向上添加按钮,可以创建可玩的连连看游戏。将图形资源文件与此布局结合使用,即可创建完整的应用程序。

    2023年05月25日
    浏览(40)
  • Python基础教程——贪吃蛇、连连看小游戏(完整版,附源码)

    1. 案例介绍 贪吃蛇是一款经典的益智游戏,简单又耐玩。该游戏通过控制蛇头方向吃蛋,从而使得蛇变得越来越长。 通过上下左右方向键控制蛇的方向,寻找吃的东西,每吃一口就能得到一定的积分,而且蛇的身子会越吃越长,身子越长玩的难度就越大,不能碰墙,不能咬

    2024年02月04日
    浏览(52)
  • Python 一步一步教你用pyglet制作“彩色方块连连看”游戏

    目录 彩色方块连连看 第一步 第二步 第三步 第四步 第五步 第六步 第七步 动态效果展示 小结 本篇除了介绍怎样用pyglet制作连连看游戏,还将介绍如果使用自定义库colorlib,用它来描绘游戏中多种颜色的彩色方块。自定义库colorlib的由来,另请阅读《python 教你如何创建一个自

    2024年04月08日
    浏览(54)
  • Python 一步一步教你用pyglet制作“彩色方块连连看”游戏(续)

    上期讲到相同的色块连接,链接见: Python 一步一步教你用pyglet制作“彩色方块连连看”游戏-CSDN博客 续上期,接下来要实现相邻方块的连线: 首先来进一步扩展 行列的类: class RC:     def __init__(self, r=0, c=0):         self.r, self.c = r, c     def __repr__(self):         return f\\\'Rc

    2024年04月08日
    浏览(62)
  • 六一儿童节-王者连连看

    庆祝六一 用java实现的连连看练手小游戏    王者连连看 游戏的目标是通过消除相同的图案来得分并进入更高级别的挑战。   游戏分为四个难度   可以自由选择也可以依次闯关。   每次时间倒计时100秒 ,你需要在有效时间内连完所有的即为过关。   ps:图片用的王

    2024年02月09日
    浏览(40)
  • 【开发Log】C++QT连连看

    开发的初衷是闲来无事开了把宠物连连看,然后发现打了几遍第一关都过不去,于是想自己写个,这样就可以任意使用提示次数了(bushi。其实今天正好是老妈生日,问了下老妈她竟然还玩连连看,还ak了orz。于是乎,想写个上强度版给老妈作生日礼物2333 昨天出去玩了,今天

    2023年04月27日
    浏览(41)
  • 基于JavaFX的扫雷游戏实现(二)——游戏界面

      废话环节:看过上期文章的小伙伴现在可能还是一头雾水,怎么就完成了核心内容,界面呢?哎我说别急让我先急,博主这不夜以继日地肝出了界面部分嘛。还是老规矩,不会把所有地方都照顾到,只挑一些有代表性的内容介绍,您各位多担待🙏。另外博主的JavaFX是跟着

    2024年02月12日
    浏览(44)
  • C#开发的OpenRA游戏的游戏界面内鼠标处理窗口

    C#开发的OpenRA游戏的游戏界面内鼠标处理窗口 OpenRA游戏里,游戏上面所有物品显示,都是基于窗口容器。 前面也讨论过,其实就是基于ingame.yaml文件来布局和创建的, 在ingame.yaml文件里,根窗口Container@INGAME_ROOT,共有六个子节点: Children:     LogicKeyListener@GLOBAL_KEYHANDLER:   

    2024年02月11日
    浏览(42)
  • 拼图小游戏(实现游戏主界面)(未连接数据库)

    基于IDEA,创建窗体进行游戏 默认的用户名和密码为:zhangsan,123                                         lisi,1234

    2024年01月16日
    浏览(47)
  • 飞机打方块(二)游戏界面制作

    1.新建plane节点  2.新建脚本GameController.ts,并绑定Canvas  GameControll.ts   Game.ts Bullet.ts: 1.新建state_lb_parent节点:  2.新建Label节点  绑定Canvas  GameController.ts    GameController.ts 1.新建所有障碍父节点 2.新建预制体barrier ,新建Barrier脚本  3.新建子节点  GameController.ts Barrier.ts 4.绑定

    2024年02月12日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包