ui适配问题

Creator 3.x
#1

如题如下图，一直未找到原因，感觉像是摄像头逼太近了，摄像头是用的ortho模式，参数都是默认的。就算调整了ortho height参数，放摄像头远一点，但四周黑边就出来了，看来不是它的原因、在编辑器模式中看不出问题一切正常，在真机上就有这个问题，编辑器中如果把开发分辨率设置成手机的分辨率还是正常，无法体现出真实的真实效果

image
image478×687 115 KB

1赞
#2

猜测：你用的高适配，然后真机的高宽比大于你的设计分辨率，所以就这样了

#3

我的确用的高适配，那正确的做法是？需要代码动态计算宽高比？而不能完全用wigit组件来适配？

#4

看你个人的选择，从你的回答来看，你是想优先显示完整内容的，所以，你可以

  1. 根据宽高比，选择窄的那边适配，用代码控制（相对简单）
        const designResolution = view.getDesignResolutionSize();
        const visibleSize = view.getVisibleSize(); // 屏幕可见区域
        // 场景适配
        if (visibleSize.width / visibleSize.height < designResolution.width / designResolution.height) {
            view.setDesignResolutionSize(designResolution.width, designResolution.height, ResolutionPolicy.FIXED_WIDTH);
        } else {
            view.setDesignResolutionSize(designResolution.width, designResolution.height, ResolutionPolicy.FIXED_HEIGHT);
        }
  1. 依然优先填充屏幕，然后使用widget，将在屏幕外的拖进来，大的缩放（相对麻烦）
5赞
小白求教适配问题
#5

是的，肯定 是优先把UI上的布局能正常显示出来，要不换个手机就又显示出问题，我先试下你发的代码

#6

谢谢，终于解决了大问题，看来UI适配还不能完全依靠wigit这个组件，到时候打包多测试几种手机

#7

同谢，感谢大哥解决困扰两天的难题