5.0.01220.0 一个布局问题请教

James.Lv

      结构很简单，最上边就是拉通的富文本标题，下边左边图表，中间表格，右边图表。到现在为止都没有问题。从笔记本，到大屏也不会变形，会自适应。
      问题一出现在增加以下两个小功能之后：

      1、要求增加一个显示当前日期的控件

      2、要求增加一个日期过滤控件

      其实目标也很明确，就是在最上边的富文本标题，一左，一右，各放上上边两个控件，但是因为重叠了，所以还得开启允许重叠，然后把上边两个控件拖放到合适的位置，因为这是绝对布局了－－－当在我的笔记本（1440的低清分辩率）上调好之后，投放到1920 X 1080 的大屏上，一左，一右就走样了。位置有些错位。

      另外问题二，用自带的标题背景，在我笔记本的分辩率上（1440）刻意把标题居中，调好字体大小，让标题正好出现在背景标题“括号”的中间，但是投放到大屏后分辩率变了，字就会左右满出标题背景“括号”外，看上去不美观。

      我的问题是，遇到这种布局情况怎么处理呢？或是通常的最佳方法是什么？或许我这样的方法不背，还有其它布局方式吗。

James.Lv · James.Lv

杨威利2022 发表于 2022-5-27 18:38
我的大的布局是上中下，中与下都能自适应。但是我上边是这样三个控件。因为左与右的日期/日期过滤控 ...

您好，您可以在设计的时候选择设计的看板宽高比，这样在同样宽高比的屏幕上自适应的效果
image.png569684752.png

还有就是预览的时候可以调整宽度自适应或者高度自适应
image.png30151671.png

James.Lv · James.Lv

Wyn在设计仪表板的时候有两种布局方式，一种是自适应的，另外一种是绝对布局的固定尺寸 image.png519532165.png

如果你设计的时候是固定尺寸，那你的看板在所有的电脑上显示的都是那么大的尺寸，在小屏幕上会有滚动条，可以滑动

如果你设计的时候用的是自适应布局，那这种情况就比较复杂了，比如你设计的时候设计的看板宽高比是4：3，但是你实际查看仪表板的设计宽高比是21：9
那么此时自适应布局就会自动把宽和高都进行拉伸，这样就会导致严重的比例失调。，当然这样可以选择适应宽度，或者适应高度试试，但总归是有可能会出现问题

所以使用自适应布局，一定要注意，设计的宽高比和实际查看的宽高比一致

杨威利2022 · 杨威利2022

James.Lv 发表于 2022-5-20 18:04
Wyn在设计仪表板的时候有两种布局方式，一种是自适应的，另外一种是绝对布局的固定尺寸

如果你设计的时 ...

用绝对布局，每次在自己电脑上调好了，在不同分辩率的电脑上就会错位。

上边这种标题一行拉满，左右两个组件叠在上边用绝对定位，分辩率一不同就错位，最后都要在最终投放屏上再调绝对位置。在没有更好的办法能自适应。

James.Lv · James.Lv

杨威利2022 发表于 2022-5-27 12:20
用绝对布局，每次在自己电脑上调好了，在不同分辩率的电脑上就会错位。

您现在怎么设计的？用的固定尺寸布局的话，不同屏幕应该是完全一样的

杨威利2022 · 杨威利2022

James.Lv 发表于 2022-5-27 14:01
您现在怎么设计的？用的固定尺寸布局的话，不同屏幕应该是完全一样的

我的大的布局是上中下，中与下都能自适应。但是我上边是这样三个控件。因为左与右的日期/日期过滤控件都是叠在标题富文本控件上的，这算是绝以布局，一旦访问的客户端与设计时的分辩率不同，就会错位。－－有没有好的办法能做到自适应呢

		自动登录	找回密码
密码			立即注册

[已处理] 5.0.01220.0 一个布局问题请教

最佳答案

5 个回复

Wyn认证

活字格认证

活字格高级认证

Wyn高级认证

微信认证勋章

讲师达人

元老葡萄

悬赏达人