首页 > 其他分享 >28. 制作 Gameplay Panel

28. 制作 Gameplay Panel

时间:2024-03-06 14:49:07浏览次数:15  
标签:需要 28 像素 GameplayPanel UI 按钮 EndTurn Gameplay Panel

本节目标

实现以下 UI

功能实现

创建 GameplayPanel

在 UI 目录下创建一个 GameplayPanel,编辑 GameplayPanel,增加 Visual Element、Label、Button

注意,需要将它们的 Attributes -> Picking Mode 都修改为 Ignore,避免鼠标在拖拽卡牌的时候碰到 UI 物体后,系统认为鼠标松开了

Top 和 TurnLabel

Top 需要修改 Flex.Grow 为 0,Size.Height 为 80

Energy、DrawDeck、DiscardDeck的父级VisualElement

需要将 Position Mode 改为 Absolute,也就是相对布局。距离左侧 48 像素,距离下侧 60 像素。

大小改为 393 x 341

Energy

EnergyAmount

首先需要将 Text 改为 3,然后把 Select Word By Double Click、Select Line By Triple Click、Display Tooltip When Elided 取消勾选

Position 距离右边 23 像素

字体选择得意黑,字体加粗,字体大小48,居右,外边框2像素,白色

EndTurn

EndTurn 是一个 Button,需要去掉按钮里面的文字,背景色,边框

为了给按钮添加移动过去放大,以及点击放大的效果,我们需要给它增加样式

将添加好的样式放到 EndTurn 按钮上面

.turnbutton:hover表示当鼠标悬停在按钮上的时候触发,.turnbutton:active表示当鼠标点击按钮的时候触发

项目相关代码

代码仓库:https://gitee.com/nbda1121440/DreamOfTheKingdom.git

标签:20240306_1403

标签:需要,28,像素,GameplayPanel,UI,按钮,EndTurn,Gameplay,Panel
From: https://www.cnblogs.com/hellozjf/p/18056498

相关文章

  • 283.移动零
    刷题笔记+-+283.移动零+be5bc16d-9504-40d6-b23e-6a2648a4d21a需要复习内容:快慢指针法☐记住时间和空间复杂度[][]待办:☐查一下时间复杂度☐查一下空间复杂度[]解法一:模拟遍历一遍将非零元素前移,使用k控制下标并且遍历过程中将零元素的个数cnt找出来;然后再for......
  • AT_abc287_g [ABC287G] Balance Update Query 题解
    分析一眼分块。用值域分块来维护。先把所有的值离散化,使得至于不大于$n+q$。统计一下每个值的数量,每个块包含值的数量,每个块的价值和。修改值的时候先把原来值的数量,块包含的数量,块的价值剪掉被修改值的贡献,然后在新的值上面更新。修改数量直接改数量的变化贡献即可。找前$x$......
  • AT_abc287_g [ABC287G] Balance Update Query 题解2
    分析权值线段树。给每个节点赋一个值$val$和$a_i=val$的$b_i$之和。修改$a_x$的时候先将$a_x$的出现次数在树上剪掉$b_x$,再在$y$上面加上;修改$b_x$的时候直接加上变化量$y-b_x$。由于我们是要取前$x$大的$a_i$之和,在询问的时候有限考虑右儿子,然后在是当前......
  • centos 安装nodejs 18版本时,需要 glibc > 2.28
    前置条件1.make版本号4.32.gcc版本号12.2.0进行glibc-2.28配置时:../configure--prefix=/usr/local/glibc-2.28--disable-profile--enable-add-ons--with-headers=/usr/include--with-binutils=/usr/bin 遇到的错误:inux-gnu/12.2.0/include-fixed-isystem/......
  • 洛谷题单指南-搜索-P2895 [USACO08FEB] Meteor Shower S
    原题链接:https://www.luogu.com.cn/problem/P2895题意解读:所谓安全格子,就是在所有流星坠落之后,没有被烧焦的格子,要计算从起点到这些格子任一一个的最短路径,BFS可以解决。解题思路:1、读取数据,先把所有流星坠落点以及周围被烧焦的格子进行标记,得到安全格子2、从起点开始BFS,每走......
  • UE5 Gameplay一些类的生命周期备忘
    作为一个初学者,尽管能够在UE中能够使用蓝图和简单在C++中做一些逻辑更改,但对 Gameplay框架的使用上还是一脸懵逼,比如:玩家的本地数据存在哪里?游戏的数据存在哪?如果我切换了关卡,放在哪的数据会丢?如果玩家死亡了,放在哪的数据会丢?如果我想要存储一个全局数......
  • 【2024-02-28】难也要改
    20:00你好,我脸上的阳光。你好,早晨的创造者,你将它铺展在田野,洒在郁金香和牵牛花低垂的脸上,也将它洒进那悲哀和想入非非的窗口。最好的传教士,可爱的星星,正是你在宇宙中的存在,使我们远离永恒的黑暗,用温暖的抚爱安慰我们,用光之手拥抱我们早上好,早上好,早上好。看,现在,我将开始新的一-......
  • Oracle数据库错误:ora-28014:cannot drop administrative users(无法删除管理用户或角色
    1.问题在创建用户test之后,删除时发生错误ora-28014:cannotdropadministrativeusers2.解决由于Oracle数据库要求创建用户必须以C##开头,在创建该用户时,我们设置了altersessionset"_oracle_script"=true;Oracle数据库如何解决创建用户名开头必须要C##问题?但是删除时,由......
  • Living-Dream 系列笔记 第28期
    本期讲解了进制转换。T1考验代码能力的好题。首先需要判断输入的坐标是RXCY型还是Excel型:直接扫一遍字符串,若存在一个字母前面是数字,则说明是RXCY型,否则是Excel型。这一部分的代码:boolcheck(strings){ for(inti=0;s[i];i++) if(isupper(s[i])&&isdigit(s[i......
  • nrf52832蓝牙开发踩过的坑-京鸿通信科技-15507589165
    转自:http://www.manongjc.com/detail/26-htjapkxksqidwuo.html本文章向大家介绍nrf52832蓝牙开发踩过的坑,主要包括nrf52832蓝牙开发踩过的坑使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。接触nrf52832芯片已经有一段时间了......