展开

关键词

cocos2d-js 3.0 配方案 分辨率

,最简单最粗暴; SHOW_ALL保持游戏原比例,让一边占满,另外一侧黑边; NO_BORDER跟SHOW_ALL类似,但让短边占满,另外一侧超出,不显示黑边,一部分画面在外,无法显示; FIXED_WIDTH和FIXED_HEIGHT都是NO_BORDER的升级版,指定那一侧充满,另外一侧超出。 通过上边的文章,我们知道winSize,visibleSize,designSize(己的设计尺寸)。 y=0表示刚好在边缘,在FIXED_WIDTH方案中,不像NO_BORDER会有visibleOrigin,这里不需要考虑这个值,因为总是0,cocos2d动把y=0放到这个visibleOrigin 实际上这个尺寸并不是真实尺寸,但可以按照这个数值进行布局。 尺寸 另外cc.view.getFrameSize可以获取尺寸

74120

css尺寸大小

改新模板的时候考虑到单独配手机端排版美化。只需要在css内写好窗口大小相对的样式。访问就根据窗口大小动使用相的样式。 下边是我写的配样式,可参考。框架可拿去用,类和样式需根据身调整。 示例如下: /*移动端配开始*/ /*手机端配 常规尺寸*/ @media (max-width:768px) { .hh_usertop .user_av img { float: important; } } /*iphone X 配*/ @media only screen and (device-width:375px) and (device-height:812px) important; } .hh_ziliao { margin-left: -80px; } } /*iPhone 5/SE配*/ @media only screen and (device-width important; } } /*移动端配结束*/

1.7K20
  • 广告
    关闭

    什么是世界上最好的编程语言?丨云托管征文活动

    代金券、腾讯视频VIP、QQ音乐VIP、QB、公仔等奖励等你来拿!

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    android系统如何大小

    Android的支持多机制即用为当前设备提供一种合的方式来共同管理并解析用资源。 4、Android提供3种方式处理 4.1预缩放的资源(基于尺寸和密度去寻找图片) 1)如果找到相的尺寸和密度,则利用这些图片进行无缩放显示。 5、Android系统配技巧 Android系统采用下面两种方法来实现用的配: 1)布局文件中定义长度的时候,最好使用wrap_content,fill_parent, 或者dp 对bitmap 资源来说,动的缩放有时会造成放大缩小后的图像变得模糊不清,这是就需要用为不同密度配置提供不同的资源:为高密度的提供高清晰度的图像等。 针对每一种单独开发用程序不失为一种好方法,但是目前Google Market 对一个用程序多个分辨率版本的支持还不完善,开发者还是需要尽可能使用一个apk 文件多个分辨率。

    1.8K10

    Android实现的弹窗广告

    内容:弹窗广告 特点:根据尺寸和原图片比例 代码如下: package com.example.leixiansheng.addialog; import android.annotation.SuppressLint context; private float finalWidth; //最终宽度 private float finalHeight; //最终高度 private int padding = 50; //边距间隔 finalWidth/100; } if ((int) finalWidth screenWidth || (int) finalHeight screenHeight) { //放大后的比例超出时 = (int) (Math.random() * (adUrls.length)); // 0 到 3 随机生成 return adUrls[i]; } } PS:当真实图片长度大于宽度时,图片可能距上方过近 ,己修改padding值,或者增加setMargins的值即可。

    36720

    QT用编程: 界面分辨率

    一、环境介绍 操作系统: win10 64位 QT版本: QT5.12.6 编译器: MinGW 32 二、实现代码 每次程序打开之后,根据当前分辩率进行计算缩放系数,然后设置界面上的控件尺寸, *********************************************** 作者: DS小龙哥 环境: win10 QT5.12.6 VS2017 32位 Release 功能: 工具栏按钮大小 **************************************************/ void AutoZoomButtonSize() { //获取属性 QScreen * screen = QGuiApplication::primaryScreen(); //获取的分辨率 int lcd_width = screen->size().width(); int

    33530

    15.

    配   主流: 1280*720, 遵循原则: 不用AbsoluteLayout(绝对布局), 多用相对布局&线性布局(权重), 要用dp,不用px 开发后期, 在不同分辨率上测试(480 图片配 不是很常用,分别在drawable各放一套图,但会导致软件体积很大 布局配 不是很常用,  layout-800x480 专门配480*800的 尺寸配 dp和px的关系: dp android:weightSum="3" 代码配 获取宽高,动态计算控件大小 在智慧北京引导页下面的圆点写死了,侧边栏也在大会拉出很长,现在修改: 1.创建工具类 public class dp2px(Context ctx, float dp) { float density = ctx.getResources().getDisplayMetrics().density;//获取像素密度 (width * 200 / 320);// 设置预留的宽度,按比例 initFragment(); } 美工做的 ?

    50480

    iOS

    现在开发iOS无非就是用xib和纯代码开发,不论用什么方式开发都少不了配。这只是个人开发中使用的方法也不一定是最好的方法,仅供交流和分享使用。 Xib 配 关于xib配要注意两点 1.字体大小配 2.控件约束配 xib字体配 UILable 为例子 #import <UIKit/UIKit.h> NS_ASSUME_NONNULL_BEGIN (iphone 6) #define kDesignWidth 375.0 // 以宽度为固定比例关系,来计算对的值。 利用IBInspectable关键字和分类 1.写一个NSLayoutConstraint的分类,添加adapterScreen的属性(Bool 值,yes代表需要对进行等比例配) #import 截2021-04-14 14.20.05.png xib 配后的效果 ? 截2021-04-14 14.21.14.png

    23620

    15.

    配 主流: 1280*720, 遵循原则: 不用AbsoluteLayout(绝对布局), 多用相对布局&线性布局(权重), 要用dp,不用px 开发后期, 在不同分辨率上测试(480 图片配 不是很常用,分别在drawable各放一套图,但会导致软件体积很大 布局配 不是很常用, layout-800x480 专门配480*800的 尺寸配 dp和px的关系: dp android:weightSum="3" 代码配 获取宽高,动态计算控件大小 在智慧北京引导页下面的圆点写死了,侧边栏也在大会拉出很长,现在修改: 1.创建工具类 public class dp2px(Context ctx, float dp) { float density = ctx.getResources().getDisplayMetrics().density;//获取像素密度 (width * 200 / 320);// 设置预留的宽度,按比例 initFragment(); } 美工做的 来为知笔记(Wiz)

    7810

    HTML手机

    apple-mobile-web-app-status-bar-style" content="black" /> <style type="text/css">*{margin:0;padding:0; border:0;}</style> 特别要注意: 以后

    69680

    HTML手机

    apple-mobile-web-app-status-bar-style" content="black" /> <style type="text/css">*{margin:0;padding:0; border:0;}</style> 特别要注意: 以后

    1.1K50

    HTML手机

    apple-mobile-web-app-status-bar-style" content="black" /> <style type="text/css">*{margin:0;padding:0; border:0;}</style> 特别要注意: 以后

    56420

    iOS配概述1 配简介2 Autoresizing3 Auto Layout

    [toc] 1 配简介 1.1 发展历史 手机型号 |大小 | 分辨率 ------------ | ------------- 4, 4S |3.5 | 320480 5,5C,5S (无需配) 而且一个用要么是横要么是竖, 几乎不存在能同时进行横竖切换的用程序都是竖 游戏几乎都是横 官方用大多支持横竖 使用 Autoresizing 进行配 随着 iPad 的发布, 的物理尺寸发生了变化 并且苹果建议,在 iPad 上运行的程序如果没有特殊原因,该支持横竖切换 因此:不能把控件的 frame 都写死了,需要进行配 为了解决配需求 当 iPhone6 发布以后,苹果设备的越来越多(以后也可能出现更多不同大小的),为了能更容易的配不同 的,苹果推出了 Size Classes 技术 通过 Auto Layout 设置的约束 ,约束一旦添加就会用于各种(也就是说在 各种不同的下都使用相同的约束) 通过 Size Classes + Auto Layout 的方式, 可以为不同尺寸的设置不同的约束 举例: iPhone

    49130

    浅谈 Android

    几组概念 分辨率 上物理像素的总数。添加对多种的支持时, 用不会直接使用分辨率;而只关注通用尺寸和密度组指定的尺寸及密度。 尺寸: 按对角测量的实际物理尺寸。 Android 系统可帮助您的用以两种方式实现密度独立性: 系统根据当前密度扩展 dp 单位数 系统在必要时可根据当前密度将可绘制对象资源扩展到当的大小 nodpi:它可用于您不希望缩放以匹配设备密度的位图资源 虽然 Android 也支持低像素密度 (LDPI) 的,但无需为此费神,系统会动将 HDPI 尺寸的图标缩小到 1/2 进行匹配。 推荐使用的办法就是只提供最大尺寸的切图,xxhdpi 的高清图, 然后可以交给安卓工程师己去缩放配其他分辨率。 图标的各个密度的对尺寸 .9图动拉伸 ImageView的ScaleType属性 设置 不同的 ScaleType 会得到不同的显示效果,一般情况下,设置为 centerCrop 能获得较好的配效果

    8310

    VMware安装的虚拟机窗口如何大小

    vmware是一款非常好用的虚拟机,大部分用户都会用vmware安装各种操作系统,安装后可能会出现一个问题,就是主机太小,无法完整显示VMware虚拟机界面,这时候就可以设置让VMware主机窗口 设置步骤如下: 1、首先需要开启需要设置的虚拟机; 2、然后点击虚拟机—安装VMware Tools,如果显示重新安装,则表示已经安装完成,直接看下一步; 3、点击查看,可以选择立即客户机和立即窗口 ,没有安装VMware时,这些选项是灰色不可选; 4、也可以直接选择动调整大小,选择窗口。 以上就是vmware虚拟机设置窗口动调整大小的方法,如果你发现虚拟机偏大,可以通过这个方法设置一下。 点击【确定】后将鼠标移动至虚拟机右下角的CD/DVD图标那里,查看是否已连接上刚刚选择的镜像linux.iso,如果没有则在图标上单击选择“连接”,如果已连接则跳过该步骤 3、此时ubuntu虚拟机桌面该已经出现了光盘文件

    3.6K30

    android webview加载html图片手机大小&点击查看大图

    下面给出几种实用方法,达到在手机端用webview展示html中的图片,能手机展示。 需要用webview控件进行展示html文本,为使文字也手机大小,需要先对android webview控件的属性进行相设置,这里bindingView.contentWv代表webview 在代码中添加img标签替换函数 /** * 将html文本内容中包含img标签的图片,宽度变为宽度,高度根据宽度比例 **/ public static String ; img.style.height = 'auto';  " +                "}" +                "})()");    } 1 1 如果只需要图片手机大小 总结 上面三种方法,都能达到webview中图片用手机大小,但三种方法,笔者更多的是采用第三种方法来实现。使用虽然复杂一些,但是不用引入第三方库,方便控制。

    2.6K10

    周杰伦读心术背后的技术实现

    translate3d(0,0,0); visibility:visible; } body{margin:0 auto;background:#000;} </style> 二、组件 3.1.view-mode   组件的view-mode属性定义了H5是以横显示还是以竖显示。 属性值为“v”表示竖,为“h”表示横。本项目使用“v”。 3.2.view-rotation   组件的view-rotation属性定义了移动设备旋转后H5画面是否可见。 4.缩放方式   组件的view-scale属性定义了的缩放方式,目前一共有以下6种缩放方式。 而showall、width、height这三种缩放方式在进行之后可能会使得画布的尺寸小于尺寸,此时会导致画布铺不满整个的情况发生。

    1.3K80

    用本地代码实现方向的Windows Mobile程序

    在Windows Mobile平台的用程序开发过程中,如何处理方向改变对程序带来的影响是一个重要的问题。 Allen Lee的文章《WM有约(四):处理旋转》中讲述了如何使用Mobile Client Software Factory中的OrientationAware控件来处理方向改变,好处就是我们不用添加任何代码 and Anchoring来设备方向的改变。 该文章使用字谜游戏Crossword为背景,在没有处理设备portrait/landscape模式之前,该程序是运行在portrait模式下的,然而在landscape模式下,有些控件就不在显示的范围之内了 在各对话框的WM_SIZE处理中,修改代码,使其能够做出模式的

    31570

    Android配框架(一)

    核心思路:利用ui设计稿的尺寸和手机身尺寸得出缩放比,再将控件宽高处理后设置到控件上。 displayWidth; private static int displayHeight; // 后面要减去状态栏的高度 //状态栏高度 private int statusBarHeight; //信息 private DisplayMetrics displayMetrics; 首先使用WindowManager获取本机长宽,存放在displayMetrics.widthPixels 和 displayMetrics.heightPixels displayMetrics = new DisplayMetrics(); windowManager.getDefaultDisplay().getMetrics(displayMetrics); 而实际大小要减去状态栏高度 (int) UIUtils.getInstance().getHeight(bottomPadding)); } } 可以使用上面工具类中的方法对单个控件进行

    33330

    Android配框架(二)

    由于上一篇框架需要控件重新渲染一次,对于大型项目性能方面运行不够快,针对该问题进行优化 核心思想:定义组件,在组件的onMeasure中就改变控件的长宽等属性 实现方法:定义百分比组件,使用该组件配该组件下所有子 attr> <attr name="height_percent" format="float"></attr> </declare-styleable> </resources> 定义 float heightPercent = ((IGetPercent) layoutParams).getHeightPercent(); //配不同 ,并在子控件中使用定义属性就能实现百分比布局 <? width_percent="0.5" /> </com.aruba.screenlibrary.layout.PercentLinearLayout> 结论:在测量方法onMeasure中就完成对控件的

    19810

    相关产品

    • Serverless  SSR

      Serverless SSR

      Serverless SSR 基于云上 Serverless 服务,开发了一系列服务端渲染框架组件,目前支持 Next.js, Nuxt.js 等常见 SSR 框架的快速部署,帮助用户实现框架迁移, “0”配置,SEO 友好,首屏加载速度快,为用户提供了便捷实用,开发成本低的网页应用项目的开发/托管能力。

    相关资讯

    热门标签

    扫码关注云+社区

    领取腾讯云代金券