firemonkey 手机屏幕自适应程序问题

我是新手。在我才学了2个星期的时候,那个白痴老板说什么手机屏幕自适应程序,我当时不能理解呀,觉得用Delphi的布局设计不就行了吗。结果他说:我就是想让控件内容什么的放在小屏幕手机上也不出来。我就说,那用布局layout。结果那个傻x又是画控件关于屏幕的位置,又是记录控件的位置,整了一大套。整个把我给整晕了,新手伤不起啊,我不知道Delphi xe5有一个控件布局叫ScaledLayout,结果捣鼓了很长时间。我在Delphi交流群里说这个功能时,大家都说我想多了。唉 ,没办法自己又把控件布局什么的学了一遍。真的觉得新手伤不起啊。之前学eclipse做布局的时候没怎么在意这个问题,而且也学得乱七八糟。

现在我把手机屏幕自适应界面的设计说一下,作为总结吧。希望没像我一样傻的人别笑,像我一样傻的人借鉴。

这个布局ScaledLayout不是滚动屏幕的那种,感觉就是屏幕大了,就整体放大,屏幕小了就整体缩小。

1.在屏幕的上拖一个布局ScaledLayout(或者直接F6搜索)

2.然后设置ScaledLayout的Align属性为alFit,(让ScaledLayout填满整个屏幕先)。

3.随意设计你的界面,不用担心走样了。因为界面上的所有东西的整体位置什么的都不会变,只是根据手机界面的大小不同,整体有缩放。

注意一点:其他的控件你可以不用设置align属性,默认就行了。另外重要的点是。form窗体(就是structure里的那个),可以试着设置一下它的Fill属性,会有意想不到的效果。

因为装有delphi 的电脑不能上网,所以截图很麻烦,见谅。

http://blog.csdn.net/syndicater/article/details/16801439

时间: 2024-10-20 16:03:46

firemonkey 手机屏幕自适应程序问题的相关文章

Bootstrap 手机屏幕自适应的响应式布局开关

head中添加 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">   https://getbootstrap.com/docs/4.0/getting-started/introduction/#css 原文地址:https://www.cnblogs.com/xfbx/p/9344690.html

Android不同手机屏幕分辨率自适应【转】

有必要了解的 Android中常见的单位 dip, dp, px, sp之间的区别: dip: device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA.HVGA和QVGA 推荐使用这个,不依赖像素.px: pixels(像素). 不同设备显示效果相同,一般我们HVGA代表320x480像素,这个用的比较多.pt: point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用:sp: scal

移动页面HTML5自适应手机屏幕宽度

网上关于这方面的文章有很多,重复的东西本文不再赘述,仅提供思路,并解释一些其他文章讲述模糊的地方. 1.使用meta标签,这也是普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统. 首先解释该标签的含义: <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, max

移动端H5页面自适应手机屏幕宽度

1.由于本人使用的是sublime.text,使用rem就可以达到效果. 点击菜单中的preferences下的browse packages,选择cssrem-master,添加或者编写cssrem.sublime-settings文件. 设置px_to_rem的值为75即可. 在代码里输入设置的对应px值,按TAB键就可以转换为rem 在使用时,同事引用flexible.js文件 2.<meta name="apple-mobile-web-app-capable" cont

移动页面自适应手机屏幕宽度

网上关于这方面的文章有很多,重复的东西本文不再赘述,仅提供思路,并解释一些其他文章讲述模糊的地方. 1.使用meta标签,这也是普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统. 首先解释该标签的含义: <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, max

移动端 css实现自适应正圆 ( 宽高随着手机屏幕宽度自适应 )

序言:应朋友要求随手写了一下移动端 css实现自适应正圆 ( 宽高随着手机屏幕宽度自适应 ) ,以备后用 LESS代码: .adaptive-circle { margin: 50px auto 0; width: 80%; height: 0; padding-top: 80%; border-radius: 100%; border: 1px solid #000; box-sizing: border-box; // for .layout { height: 100%; } positi

html5实现图片自适应手机屏幕页面的css

HTML5实现图片自适应手机屏幕页面的css. HTML5写手机页面,读取图片,如果图片大于手机屏幕的宽度,就显示100%屏幕,如果小于,就显示原图. CSS的max-width就能实现了,不要设置img的宽和高. img{max-width:100%;}

自适应手机屏幕

5/自适应手机屏幕 <meta name="apple-mobile-web-app-capable" content="yes"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport">

移动页面自适应手机屏幕宽度--rem

http://jingyan.baidu.com/article/656db918949b59e381249ce1.html 网上关于这方面的文章有很多,重复的东西本文不再赘述,仅提供思路,并解释一些其他文章讲述模糊的地方. 1.使用meta标签,这也是普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统. 首先解释该标签的含义: <meta name="viewport" content=&qu