虚幻4 C++ 九宫格的实现

最新推荐文章于 2024-07-23 17:10:08 发布
最新推荐文章于 2024-07-23 17:10:08 发布
阅读量3.1k 收藏 2
点赞数
分类专栏： 虚幻4
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lqpgfz/article/details/46830349
版权
本文介绍了如何使用虚幻4的C++实现九宫格效果，通过切分背景图片并设置不同部分的锚点和拉伸方式，达到理想的显示效果。具体实现包括创建CANVAS PANEL，每个部分放置一个Image，并调整锚点和定位，以展示九宫格的不同区域。
摘要由CSDN通过智能技术生成

虚幻4 C++九宫格的实现

思路：

美术一般都会提供一个用来九宫格的背景图片，然后程序把图片切成9份，每份做特殊处理。


角落都不用拉伸，上下边缘向左右拉伸，左右边缘向上下拉伸，中间背景颜色整张拉伸。

最后背景板的结果如下图：



UMG实现的话，每个部分创建一个CANVAS PANEL，panel里面添加一个Image.左下角就这么显示：


绿色是canvas Panel 绿色星星是panel的锚点。红色是图片，红色星星和绿色星星重叠，是图片的锚点

最低0.47元/天 解锁文章
西瓜伯爵大王
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
UE4-（蓝图）第五十五课图片九宫格拉伸的使用
Stone的博客
11-29 6241
一、为什么使用九宫格拉伸 在UI布局的时候，有时候使用的图片与我们要制作的UI大小有差距，如果图片是普通方式直接拉伸很可能造成图片四个角上的效果与原图片差距太大甚至是变形，这时候使用九宫格模式拉伸，可以保持图片四个角上的样式不发生改变，只对中间区域拉伸。 原始 正常拉伸： 九宫格拉伸： 二、图片参数设置 1.新建一个UI 控件蓝图，在CanvasPanel下拖入一个Image，选择一张...
斜方向的九宫格图片拉伸
hitheqing的博客
12-14 1058
斜方向的九宫格图片拉伸 先上最终效果图： 阅读本文需要的基础知识：网格，顶点属性 一般九宫格拉伸的原理 在ui制作过程中，九宫格技术通常被用来拉伸一些某个维度上没有明显变化区域。比如按钮和一些界面的底图。它的原理是把一个大的矩形分为9个矩形，保留四个角的矩形不变，上下矩形在横向上无变化作横向拉伸，左右矩形在竖向上无变化作竖向拉伸，中间矩形在横向和竖向都无变化作两个方向拉伸。 在unity中，需要设置精灵图片的border来指定拉伸区域。这种做法的好处就是节省图片资源，用更小分辨率的图去完成更大分辨率的图
九宫格背景图，实现复杂可拉伸背景图。
08-02
九宫格背景图，实现复杂可拉伸背景图。
斯坦福UE4 + C++课学习记录 13：UMG-血量条
最新发布
weixin_51524146的博客
07-23 938
在UE中解决这个问题的办法很简单，可以使用UE中的。之外有三个基础类，其他控件都是继承者三个基类。，每个 UMG 控件，都持有一个。：这个类别的控件的公共基类都是。类，用于实现角色的各种属性。: 可以有一个子节点。
C++编写的九宫格
12-09
一套很好的九宫格算法。有界面。算法通过N次。 一套很好的九宫格算法。有界面。算法通过N次
[UE4]九宫格图片拉伸
weixin_30621959的博客
05-22 1549
Draw As选择：Box Margin：边界尺寸。如果看不清楚，可以把“Draw As”选择“Border”： 转载于:https://www.cnblogs.com/timy/p/9074351.html
UE5——UMG——分析4
weixin_43945471的博客
03-18 993
lmage:需要绘制的贴图或材质Tint:1.图片叠加颜色 2.Brush的最终颜色=lmage*TintDraW As1.Image 普通贴图/材质，4个顶点2.Border 九宫格边框贴图/材质，32个顶点，可单独控制tiling3.Box 九宫格贴图/材质，常用于绘制窗口面板背景，16个顶点4.RoundedBox圆角9宫格贴图/材质，常用于绘制圆角按钮等Margin（Box/Border专用）0utline Settings（RoundedBox专用）
UE4 C++教程 虚幻四C++教程
06-10
UE4 C++教程 虚幻四C++教程
UE4使用C++在蓝图中实现打开外部exe程序功能（含源码）
01-26
在UE4（Unreal Engine 4）中，开发者经常需要集成各种自定义功能，其中之一就是通过C++代码在蓝图中实现打开外部exe程序。这个功能对于游戏中的交互性或者工具集成非常有用，例如启动辅助编辑器、执行数据分析脚本等...
九宫格拼图C++源码
07-08
九宫格拼图C++源码 九宫格拼图vc源码 这个相信大家多知道是什么游戏吧！那我就不做太多的介绍了哦！
基于C++虚幻4的大逃杀游戏
04-21
虚幻引擎4的第三个人生存游戏完全是用C++制作的。 项目概述 C++课程的特点包括C++游戏框架的构建，包括“动作系统”和事件驱动代码，用于灵活和可重用的游戏代码“不真实的方式”。多人游戏功能、AI机器人、...
基于虚幻4制作的射击对战游戏c++源码+项目说明文档.zip
06-02
基于虚幻4制作的射击对战游戏c++源码+项目说明文档.zip 项目介绍 使用Adobe Mixamo人物和动画。 支持多种主武器和副武器切换，每个武器有相应的数值比如伤害、精准度、后坐力、射速等，副武器每把类型不同，有狙击枪...
UGUI - 制作九宫贴图
.
08-20 3201
UGUI - 制作九宫贴图 应用场景- 按钮，防止拉伸变形 1、单击资源图单击资源后，在 inspector 面板中点击 sprite editor 编辑资源 2、编辑资源拖动四条线编辑九宫图，然后 apply 应用 3、创建image创建image，修改图片类型为sliced，就可以随意拉伸了
虚幻4c++入门小笔记-UMG
别人不知道的程序人生
05-26 750
今天自己依照官方文档去学习使用UMG的用户接口。 一步一步按照官方文档来就行了，不过在其中遇到了一个小问题，因为之前写的少，没写过，就对热重载的问题忽视了。 就会有这样的问题，原因是我们之前改过了HowTo_UMG.Build.CS里面的内容，可是我么你还没有热重载过，现在我们回到虚幻编辑器中在里面点击刷新vs的内容在回来就OK了。
C++ 入门算法训练 —— 九宫重排、幸运数（附代码）
leyang0910的博客
06-12 1013
如下面第一个图的九宫格中，放着 1~8 的数字卡片，还有一个格子空着。与空格子相邻的格子中的卡片可以移动到空格中。经过若干次移动，可以形成第二个图所示的局面。显然是按从上到下，从左到右的顺序记录数字，空格记为句点。本题目的任务是已知九宫的初态和终态，求最少经过多少步的移动可以到达。如果无论多少步都无法到达，则输出-1。输入第一行包含九宫的初态，第二行包含九宫的终态。输出最少的步数，如果不存在方案，则输出-1。
WPF控件学习系列之五---CanvasPanel控件
gavinlove_的专栏
04-16 1944
Canvas Panel<br /> <br />Introduction介绍<br />The Canvas is the most basic layout panel in WPF. It's child elements are positioned by explicit coordinates. The coordinates can be specified relative to any side of the panel usind the Canvas.Left, Canvas.Top,
ue4总结一
zhangxiaofan666的博客
12-25 2662
1，创建项目 在创建项目中如果要创建一个第一人称射击游戏，点击FisrtPerson，即可在改模板上进行设计，Flying是创建飞行游戏的时候可以用该模板，如果选择蓝图下面的选项就是通过连线进行游戏开发，选择c++下的选项就是通过代码进行游戏开发 2，创建蓝图 会打开蓝图，可以在里面添加节点，连线，里面的节点非常丰富，非常多 3，也可以创建类蓝图，在资源文件中的BluePrin
虚幻4游戏开发：C++入门教程
"《利用虚幻4(C++)开发游戏：由创造者视角入门》是一本面向初学者和有一定编程基础的读者的书籍，作者以轻松幽默的笔触，带领读者通过实践学习C++语言并在虚幻4（UE4）这款强大的游戏引擎中构建游戏。本书的结构包括...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值