【UGUI】一键排版对齐

最新推荐文章于 2023-11-15 16:06:21 发布
VIP文章 最新推荐文章于 2023-11-15 16:06:21 发布
阅读量1.7k 收藏 3
点赞数 1
分类专栏： UGUI 文章标签： unity UGUI 对齐
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Cheng624/article/details/72648768
版权

好久没有写东西了，因为最近忙，做一些项目上具体的功能。由于偶尔还是要拼一下UI，感觉对齐还是一个问题。虽然在以前写过一个一键对齐父节点的东西，可还是不够用，Unity中没有其他工具一样的辅助线。。。so,如果要让两个UI项以某种方式对齐排列，自己手动摆毛事总有那么一点点误差，除非你改坐标。我的功能是这样的：


最低0.47元/天 解锁文章
Cheng624
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
UGUI的UI对齐方式
谁为拨动染血的时空苍穹
11-07 1462
1、基于自身中心点(Pivot)对齐 中心点比较好理解，就是指这个UI控件的矩形以Pivot的坐标值来确定其在父节点中的位置 以下的这图能够说明中心点对于RectTransform的影响 2、相对于父节点的对齐方式 把锚框和一个矩形做类比，min值对应的左下角，max值对应的右上角，例如图上所示，min = （0.32,0.39),它以父节点的左下角为原点，总长度为1的百分比值，有点和纹理的u...
Unity Ugui 实现 列表item居中放大效果
qq_37775368的博客
06-23 2109
通过拖拽或者点击图片 使图片居中放大使用scroll view组件 并为子节点conter添加 Grid layout Group 组件实现逻辑记录每个item到scroll中心点的距离的数据在拖拽过程中 通过当前conter的localpostion位置 去判断离中心点距离最短的item找到对应item 让conter的localpostion通过插值lerp 移动到对应的位置 使其item居中并缩放水平拖拽 这里知晓localpostion关于x的信息即可垂直拖拽 即y。 在拖拽接口中不断实
UGUI循环滚动+滑动居中
07-18
支持横向纵向循环滚动和滑动居中，支持任意锚点布局（没有锚点限制），3种居中效果（不回弹，回弹，双向回弹）Grid（布局）不依赖任何脚本可以单独使用，不锁定子物体随意排序。WrapCententy（循环+居中）
unity UGUI无限循环滚动居中
最新发布
qq_43687127的博客
11-15 536
下面这个是脚本设置，主要关注的就是公开的变量我都有注释，结合上面的面板图很轻易就能看出来，间隔距离是两个图片之间的距离，缩放倍数是中间最大是多少倍，根据你工程设置，默认设置1就可以了，最后面的text是显示居中ui的名字，名字的设置是根据图片名称来的。然后开始编写代码，我就直接贴了，不懂可以看一下注释，因为我是水平所以判断用的都是x轴，如果你是垂直你改成y稍微修改一下代码就可以了，差别应该不大。最后说下使用了Dotween插件，完成上面的设置就可以畅快玩耍了~~"居中后UI缩放系数""当前居中物体名称"
UnityUGUI实现ScrollView 滑动居中的放大、其他的缩小，简单实现方法
lq1340817945的博客
10-27 4314
效果图： 使用到的技术： UGUI的ScrollView DoTween 实现原理： 首先创建一个ScrollView组件用于放置节点 创建一个空的RectTransForm作为中心标识组件 原理 贴上Lua伪代码 首先将生成在ScrollView的所有物体保存到self.itemList 然后每次刷新的时候遍历所有子物 function HolidayPage3ItemCtrl:FreshItem( ) local centerPosX = self.view.UI.RectTransfo
unity 让ui对齐_Unity UGUI ANCHORS 及屏幕适配
weixin_29547681的博客
01-13 980
RectTransform 中的 Anchors 用来指定每个UI元素相对于父节点内某个矩形对齐.在 Inspector 中可看到，AnchorMin 和 AnchorMax 定义了一个矩形(矩形的边可以重合)，这个矩形可以在 Scene 里看到(由四个白色三角标识)。AnchorMin 和 AnchorMax 的值是归一化的，对应表示 AnchorRect 位置在父节点 Rect 中是相对的，在...
UGUI之代码中心对齐的bug
weixin_43149049的博客
12-29 144
在Unity2021.1.12f1c1中 有这样一段代码 public static void SetPreferredWH(Image imgToSet, RectTransform preferHeightImg) { .. imgToSet.transform.position = preferHeightImg.transform.position; .. } 这段代码主要是让一张图片的中心能和另一张图片对齐 这是正常运行的
【UGUI】一键对齐父节点
Garsonlab
02-27 2287
前端时间用了一阵FairyGUI，实话实说感觉非常友好！首先他提供了一个编辑器，各种拼接、动画==都做得很棒，而且，还具有跨平台的特点，代码接口做的也很完善，虽然很多坑，但是在群里和谷主联系后几乎都没毛病（此处有表情）。但是，本次新项目还是选择了UGUI，因为说是虽然简单、但是再招人补充人手时还得重头学。。。其实当时我也就看了一上午0.0 这两天用UGUI做Demo，虽然不求做的好看但是至少得有
Unity3D中UGUI的RectTransform对齐方式详解
linuxheik的专栏
03-06 3284
https://www.jianshu.com/p/831e2dd7c546 https://www.jianshu.com/p/4592bf809c8b 在Unity自带的UGUI中，RectTransform扮演了极其重要的角色，可以说基本上所有UI控件的对齐方式都是基于RectTransform的。 通常情况下，我们可以很方便的使用Unity编辑器对各种UI控件进行可视化的编辑...
UGUI一键对齐
02-28
http://blog.csdn.net/cheng624/article/details/58247494
最新版-Unity-UGUI-拼音对齐中文-PinYin(小学课本)
11-15
最新版-ugui-拼音与中文对齐-PinYin,小学课本拼音与中文对齐,居中显示拼音和中文对齐,
Unity UGUI Text竖排显示
07-11
很不错
Unitypsd2ugui 解放双手一键生成GUI界面
05-09
解析psd文件，一键生成ugui面板工具 支持文本，图片，按钮，滑动条，网格布局等组件的导出和生成 支持九宫格图片的自动剪切和生成 支持对称图片切半版的导出和生成 支持滑动列表和列表元素自动布局 简单易操作
Unity UGUI控制text文字间距
08-26
主要为大家详细介绍了Unity UGUI控制text文字间距的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
【UGUI】无限列表 ScrollView List
Garsonlab
05-02 4948
无线列表的实现好处有一些，主要方法是在ScrollView的值改变的时候改变已存在的渲染子节点位置。最核心的是计算Content的大小及里面的节点位置设置。 using System; using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; name
【UGUI】屏幕区域点击检测
Garsonlab
04-17 2278
此处直接代码： using System.Collections; using System.Collections.Generic; using UnityEngine; namespace Asstes.UI { /// /// Introduction: 屏幕区域点击判断 /// Author: /// Time: /// pub
【UGUI】踩坑填坑——DropDown
Garsonlab
08-08 1500
在使用UGUI的 DropDown 时， Canvas 的 Render Mode 选择了 Screen Space--Camera， 此时遇到一个小bug， 当我把这个下拉组件放到屏幕中间附近时， 下拉列表显示是正常的。当我把组件整体移到边缘，突然出现下拉列表的 Content 的坐标 不合法，由于 ugui 的点击关闭处理是在 Canvas 的子节点最下方又生成一个 全屏的 遮罩 来保证
【UGUI】统一管理技能及物品cd
Garsonlab
03-20 414
有个需求，比如使用过物品以后， 技能后以一个cd时间，要求技能面板上和技能栏以及其他一切有可以使用该技能的地方做一个同步cd，因此有下面的管理模块。 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; namespace Assets.UI {
ugui ugui 流光
09-06
"ugui ugui流光"是由日本歌手星野源演唱的一首歌曲。这首歌曲以流行摇滚风格为基础，展现了星野源独特的音乐才华和表演风格。 "ugui ugui"是日语中形容非常可爱、令人心动的样子。流光则可以被理解为华丽且动态的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值