java手机分辨率最高_smobiler自适应不同手机分辨率

在smobiler中可以通过相对布局或者绝对布局实现自适应不同手机分辨率。

例如实现下图中的布局，图中的布局实际可以分成3个部分，部分1可以使用Title控件，部分2可以使用Panel(在Panel中加入IconMenuView可以实现图中效果，本文不具体说明)，部分3 使用ToolBar控件，具体见下文。

绝对布局

新建窗体，窗体的Layout属性设置Absolute，首先在窗体中拖入一个Title控件，dock属性设置Top，再拖入以ToolBar控件，dock属性设置Bottom，最后再拖入一个Panel控件，dock属性设置Fill。

这样Title一直处于窗体的顶部，ToolBar处于底部，而Panel始终撑满剩余的空间。

注：

1.dock属性只在绝对布局下生效

2.需要注意控件拖入的顺序，上述的步骤中如果先拖入Panel再拖入ToolBar设置dock属性后，Panel控件会覆盖toorbar控件

3.绝对布局参考https://www.smobiler.com/guide/layout.aspx

相对布局

新建窗体，窗体的Layout属性设置Relative，窗体的Direction设置Column，接着在窗体中拖入一个Title控件，一个Panel控件，一个ToolBar控件，将这个三个控件的Flex属性分别设置为1，8，1。

窗体的Direction设置Column是为了让窗体中的控件垂直排列，Flex是比例因子，用于控制控件在窗体中的高度，Title的Flex为1，其高度占窗体高度的1/10，panel占8/10，toolbar占1/10.

注：

1.Flex比例因子，只在相对布局下生效

2.需要注意控件的拖入顺序

3.相对布局参考 https://www.smobiler.com/guide/layout1.aspx

上述两种布局都可以使得Title一直处于窗体的顶部，ToolBar处于底部，而Panel始终撑满剩余的空间，不会出现因手机屏幕分辨率导致的控件未能撑满屏幕。

补充：窗体大小和屏幕分辨率是自适应，Form若设置宽300，高500，显示的时候判断300为手机的宽来对应显示，即手机屏幕的宽度对应300 所以若是18：9的显示屏对应的Form为宽300，高600

彩蛋

Smobiler中Label控件如何根据内容自适应大小呢？

在相对布局下Label控件可根据文本自动撑大控件，具体实现：

1.将窗体的Layout属性设置Relative(或者Panel的Layout属性设置Relative)；

2.在窗体(或者Panel)中拖入label控件，Size设置(0,0)即可实现。

java手机分辨率最高_smobiler自适应不同手机分辨率相关推荐

微信公众平台Java开发如何让网页自适应不同分辨率的手机浏
在做微信公众平台开发的朋友应该会遇到这样的问题,开发的网页在不同分辨率的手机显示大小不同,不能根据分辨率的不同而自动调节大小,下面就告诉大家如何解决. 1. 使用HTML中的viewpo ...
摄像头分辨率怎么调整_手机摄像头测试：细数手机摄像头由单摄到多摄有哪些变化...
手机摄像头分为前置和后置,随着手机屏幕占比越来越大,留给前置摄像头的空间也越来越小,同时后置多摄像头技术正占据潮流,这就对手机摄像头模组的外形尺寸和功能有了更高的要求.在手机摄像头的测试中,应用弹片微 ...
iphone分辨率_揭示真实的手机屏幕大小和分辨率
关于屏幕面积: 如今随着全面屏的发展,手机屏幕的尺寸越来越大,几年前6寸就算大屏手机,而如今,小于6寸的手机已经很少了.但是随着手机尺寸的增加,特别是18:9等比例手机的增加,大家发现现在手机&quo ...
图片表情制作,QQ斗图生成,搜狗图片搜索,自适应支持手机浏览
介绍: 自适应支持手机浏览图片表情制作 QQ斗图生成搜狗图片搜索可以给自己网站吸粉,源码是自适应的手机也可以浏览! 源码集成了搜狗搜索图片接口,可以一键搜索百万图片,还有表情制作等模块网盘下载 ...
java手机上网_手机的浏览器能上网,但手机的JAVA程序不能上网
手机的浏览器能上网,但手机的JAVA程序不能上网来源:互联网宽屏版评论 2010-03-11 17:05:00 分类: 电子数码问题描述: 我的手机是V3I 网络设置如下首先向运营商开通 ...
页面自适应各种手机屏幕：阿赛特别方法处理页面固定宽度适应各种终端的解决方案
<!doctype html> <html><head><meta charset="utf-8"><meta name=&q ...
html自动适应屏幕代码,html根据手机屏幕大小做自适应
html根据手机屏幕大小做自适应弹框宽高自适应,核心代码 var isMobile = { Android: function () { return navigator.userAgent.mat ...
通过JS动态设置meta标签，根据手机屏幕分辨率自动缩放适配各手机（包括适配华为、oppo大屏幕手机、钉钉、微信）
JS动态添加meta标签,根据手机屏幕分辨率自动缩放适配各手机(包括适配华为.oppo大屏幕手机.钉钉.微信进入) 5月28晚上周四下班接了一个急活,一个面向国外的国际官方网站,三方适配+兼容.说是月 ...
关于手机上显示网页自适应大小viewport参数设置
目前在做一个手机网页自适应屏幕大小时碰到了问题,传统用以下代码设置网页自适应屏幕大小 <meta name="viewport" content="width=de ...
Java手机忘了密码怎么办_手机开机密码忘记了怎么办
如果您的手机是在从EMUI 3.0或EMUI 3.1升级到EMUI 4.0版本后,不能解锁. 请您确认之前是否开启了隐私保护模式,开启隐私模式时,您会有两套解锁密码,而升级到EMUI 4.0后没有隐私 ...

java手机分辨率最高_smobiler自适应不同手机分辨率

java手机分辨率最高_smobiler自适应不同手机分辨率相关推荐

最新文章

热门文章