UGUI屏幕适配基本思路

作者: zhbd | 来源:发表于2019-06-18 16:52 被阅读2次

适配方式有很多,以下只能说是个人比较喜欢的吧

1-零散的UI

零散的UI,比如摇杆,左上角头像什么的。这些是很好控制的。无非就是该左上角对齐的左下角对齐的什么的,按照需求对齐即可。。 image.png

2-整块UI

整块UI,比如一个背包系统。
是一整块的。里面有比如装备列表、穿戴等排版,一般习惯是内部排版是不变的。于是为了保证,比如1280*720的手机很好的表现效果,到了方方的pad上,屏幕左右两侧就不会超出屏幕范围,个人喜欢如下设置:

  1. 首先,假设从pad这样方方的屏幕开始,屏幕左右两侧填充到你认为“还算好看的极限,上下留下大约足够的,并且看起来还算舒服的边界”


    image.png
  2. Canvas如图设置


    image.png
  3. 拉到目前市场最长机型,比如2:1的感觉


两个屏幕分辨率来回切换,并调整Canvas Scaler的Match值。。。令两个都达到最舒服的状态。。。。
(背包层是一整块)

相关文章

  • UGUI屏幕适配基本思路

    适配方式有很多,以下只能说是个人比较喜欢的吧 1-零散的UI 2-整块UI 整块UI,比如一个背包系统。是一整块的...

  • UGUI基础:屏幕适配

    屏幕适配只是相对于UI而言的。 1、Canvas选择一定的分辨率,比如手机横屏通常选择1344*750。2、UI ...

  • ugui权重适配手机屏幕

    需求: 1、场景底部UI包含3个按钮;2、3个按钮宽度相同,并能自适应各种尺寸的手机屏幕;3、容器与按钮之间有pa...

  • Unity UGUI ANCHORS 及屏幕适配

    RectTransform 中的 Anchors 用来指定每个UI元素相对于父节点内某个矩形对齐. 在 Inspe...

  • Unity UGUI ANCHORS 及屏幕适配

    1. http://www.jianshu.com/p/3cff20ff7e29 2.Aspect Ratio F...

  • 适配缩放

    简介 关于UGUI的一些简单适配 Canvas OverLay:位于屏幕最上方,遮挡住3D场景以及Camera和W...

  • 移动端屏幕适配之Scroll View(做菜案例)

    对于UGUI而言, 屏幕的适配还是比较容易的,只要设置好锚点就可以了,问题不大 。但当使用到Scroll Vi...

  • NGUI与UGUI的区别

    总结: 1、NGUI与UGUI的区别 2、uGUI的Canvas 有世界坐标和屏幕坐标 3、uGUI的Image可...

  • Unity-uGUI与NGUI

    一、 uGUI与NGUI的区别 1、uGUI的Canvas 有世界坐标和屏幕坐标。 2、uGUI的Image可以使...

  • NGUI与UGUI的优缺点

    1. NGUI与UGUI的区别 uGUI的Canvas 有世界坐标和屏幕坐标 uGUI的Image可以使用mate...

网友评论

    本文标题:UGUI屏幕适配基本思路

    本文链接:https://www.haomeiwen.com/subject/sttqqctx.html