目前安卓手机的屏幕大小各异,没有统一的标准,因此用Unity 3D制作的手游需要做好对不同分辨率屏幕的UI自适应,否则就会出现UI大小不一和位置错位等问题. 我们的项目在开发时的参照分辨率(Reference Resolution )设置的是主流的1920*1080,我们通过Unity提供的Canvas Scaler组件实现UI对不同分辨率屏幕的自适应. 1.将Canvas Scaler的UI Scale Mode属性设置成Constant Pixel Size 2.对Canvas下的子对象设定

Android系统发布十多年以来,关于Android的UI的适配一直是开发环节中最重要的问题,但是我看到还是有很多小伙伴对Android适配方案不了解.刚好,近期准备对糗事百科Android客户端设计一套UI尺寸适配方案,可以和小伙伴们详细的聊一聊这个问题. Android适配最核心的问题有两个,其一,就是适配的效率,即把设计图转化为App界面的过程是否高效,其二如何保证实现UI界面在不同尺寸和分辨率的手机中UI的一致性.这两个问题都很重要,一个是保证我们开发的高效,一个是保证我们适配的成效:今

vivo 互联网客户端团队- Xu Jie 日益新增的机型,给开发人员带来了很多的适配工作.代码能不能统一.apk能不能统一.物料如何选取.样式怎么展示等等都是困扰开发人员的问题,本方案就是介绍不同机型的共线方案,打消开发人员的疑虑. 一.日益纷繁的机型带来的挑战 1.1 背景 科技是进步的,人们对美的要求也是逐渐提升的,所以才有了现在市面上形形色色的机型 (1)比如vivo X60手机采用纤薄曲面屏设计,属于直板机型. (2)比如vivo 折叠屏高端手机,提供更优质的视觉体验,属于折叠屏机型.

国际化 对于手机的不同语言做出不同的语言描述,这里只是简单的提一下,实际上针对比较大型的项目,有可能不同的语言要做不同的ui适配. 例如下面:中文长度不长但是在德语中占据很长的位置,这个就要针对性的适配 这里只讲想法: 1.打开strings.xml点击 2.点击 3.选择简体中文 4.前后结果对比 未添加中文之前: 添加之后: 编辑(英文情况下app名为Localization,中文情况app名为本地化) activity生命周期 android由一个个activity构成,所以在影视app可

2020-09-10 在游戏的UI中,圆形图片的需求是很高的,但是,在Unity中想要实现圆形UI,一般的做法是是使用圆形Mask(遮罩),但是使用Mask的缺点很明显,主要有三点: 1.比较麻烦,使游戏对象管理变得更复杂 2.效果不佳(质量难以把控),比如说有锯齿 3.性能问题 那么来实现自己的圆形UI效果是很重要的 效果: 步骤: 在Canvas上创建一个空物体 新建脚本 CircleImage.cs 将CircleImage类继承Image类 然后接下来则是具体的思路: 完成!将组件添加到

原地址:http://blog.sina.com.cn/s/blog_697b1b8c0101g2r4.html 大家使用unity,一定有看中其跨平台的强大功能,因此也难免会遇到不同屏幕分辨率适配的问题. 先说说UIRoot.在新版本的ngui中加入一个选择菜单,分别有PixelPerfect,FixedSize,FixedSizeOnMobiles.网上有不少资料说明这个,不过我看了好几遍都没怎么懂.只到做了几个demo才明白. 1.PixelPerfect,顾名思义,就是像素点完美化,怎么

好久没有更新博客了,蓝廋啊. 今天写一写关于GripLayoutGroup组件的屏幕适配问题,以在ARPG游戏中常用的经验条适配来举例子,以此来加深自己的记忆,以便在下次需要制作该功能时能够快速完成. 以上是效果截图. 一,制定标准宽高 二,了解GridLayoutGroup组件    在该组件所在物体的子物体成为内容 pading :该组件下的内容相对于该组件的上下左右缩进 cell size:内容的大小 spacing:内容之间的距离 三 , 计算方法 在本案例中,通过高度来适配屏幕. 为了

相关概念 分辨率:整个屏幕的像素数目,为了表示方便一般用屏幕的像素宽度(水平像素数目)乘以像素高度表示,形如1280x720,反之分辨率为1280x720的屏幕,像素宽度不一定为1280 屏幕密度:表示单位面积内的像素个数,通常用dpi为单位,即每英寸多少个像素点 px:长度单位,以具体像素为单位 dp:长度单位,与具体屏幕密度无关,显示的时候根据具体平台屏幕密度的不同最终转换为相应的像素长度,具体转换规则是: 1dp = (目标屏幕密度/标准密度)*px,标准密度为160dpi,例如,1dp长

做UWP有几个月了,期间发布了几个应用,在这里整理一下适配相关的一些东西,UWP关于UI的适配主要有两种方式: 1.VisualState+Trigger:通过触发器出发界面更变,通常在Desktop上尺寸变化时,进行相应的UI调整,还有一些差异较小的页面适配 待完善 2.target DeviceFamily Type:通过指定DeviceFamily的类型,可以分别为不同的设备配置不同的页面,通常用于不同平台页面差异较大的情况 待完善

1.首先明确几个概念: 设计分辨率:designResolution,即资源图片的设计尺寸,即美工给你的资源图片的大小,比如(641*964) 屏幕分辨率:又叫帧的大小,glview->setFrameSize(480,640); 这是指你的设备的屏幕的大小,通常手机的屏幕分辨率也就那么几种固定的大小,如480*320,1024*768,等等,在win32模拟器,或其他模拟器中,也指模拟器屏幕的大小. 2.疑问,既然图片是为手机屏幕服务的,干嘛搞这么多概念,直接一切以屏幕为中心不就得了,所有资源

Flexible到今天也有几年的历史了,解救了很多同学针对于H5页面布局的适配问题.而这套方案也相对而言是一个较为成熟的方案.简单的回忆一下,当初为了能让页面更好的适配各种不同的终端,通过Hack手段来根据设备的dpr值相应改变<meta>标签中viewport的值: 从而让页面达么缩放的效果,也变相的实现页面的适配功能.而其主要的思想有三点: 根据dpr的值来修改viewport实现1px的线 根据dpr的值来修改html的font-size,从而使用rem实现等比缩放 使用Hack手段用r

1.通过RectTransform中的Anchors和Pivot来进行控件和窗体的布局适配. Anchors控制当前Panel相对于父窗体的布局位置,可以设置为居中或者左上角,当父窗体拉伸的时候当前Panel可以自动布局到正确位置.同时这里可以设置拉伸,比如主界面一般是全屏拉伸的,这种情况可以在这里处理. Pivot是当前控件坐标系的锚点位置,通过代码调整坐标位置的时候需要注意这个的设置. 2.通过CanvasScaler的设置来进行多分辨率适配.UiScaleMode一般选择Scale Wit

一.   像素密度表 像素密度表 比如UE 给了三张切图分别对应: mdpi,     xhdpi,     xxdpi 10 * 10,     20 * 20,     30 * 30 上面的值都是px,那么,可以将图片分别放在res/下的对应文件夹中,并在布局文件中为使用到到该图片的地方定义为高宽为10dp(或wrap_content),则系统在运行时,会根据当前设备的屏幕像素密度值从对应的文件夹下取图片,例如xhdpi时,就会取20*20的图片. UI 高宽值设定 有时感觉很恐慌,似乎

引言 对于程序在不同尺寸的Android机器上执行,对UI的适用性造成了额外的开销,只是限定符的出现,非常方便的攻克了这个问题.通过创建限定符相关的文件夹来解决资源的载入. 限定符用处 限定符(mdpi,tvdpi,hdpi)能够帮助我们推断屏幕密度 限定符(land,port)能够帮助我们区分屏幕横竖屏状态 限定符(en,fr-)能够帮助我们语言和地区 限定符(v3,v4-)能够帮助我们区分安卓版本号 限定符(1024x600-)能够适配计算虚拟键或者不计算虚拟键的屏幕 -- Android

由于一些国企有国产化的需求,所以搞了C#适配银河麒麟,适配了X64和龙芯MIPS版本 1. 在银河麒麟的龙芯版本中 pipe2 不能使用,x64版本上却可以用.  pipe2 用来做自定义消息的,搞UI是需要主线程消息循环,另外还需要自定义消息来实现跨线程来操作UI,就是Winform和WPF里的Invoke和BeginInvoke,其他线程发送自定义消息到主线程,主线程接收之后,就执行相应的UI操作.如果用XSendEvent来实现,延迟很严重.后来参考Mono里的实现,把pipe2改成用So

昨天下了把手机升级成了IOS7 正式版,然后下了最新的xocde5.  试着编译了一下刚刚完成的几个应用,还好问题不大,半个小时的时间都适配好了,然后改了下几个新出现的warning.过几天等空了,要把IOS7的更新的特性好好看一下 http://www.cocoachina.com/newbie/basic/,记录一下. Xcode5 正式版的下载地址:http://adcdownload.apple.com/Developer_Tools/xcode_5/xcode_5.dmg    建议用

第一部分:原理 (1)根据当前屏幕尺寸与开发预设屏幕尺寸尺寸得出以下参数. 1 XRatio:当前屏幕尺寸与开发尺寸的X轴比例 2 YRtaio:当前屏幕尺寸与开发尺寸的Y轴比例 3minRatio: XRatio与YRtaio中的较小值. (2)之后,在UIManager里创建UI预制体时,根据预制体下添加的UISetReso_Attach脚本.调用SetResolution.Instance.SetAResolution适配. 第二部分:组件适配类型 UI组件需要添加UISetReso_At

一般UI是处理于显示最高层级的, 因此这里的做法是 使用镜子效果,做镜子可使用renderTexture 然后启用一个摄像机对renderTexture进行数据填充, 然后在ui上使用Raw Image控件,读取renderTexture来显示 效果如下:

这里我们先谈第一个问题坐标矩阵变化实现布局自适应. 选取基准尺寸 通常你需要选择一个基准的屏幕尺寸,象现在开发的应用也需要跨平台在iOS(iPhone/iPad)/Android都可以运行,我这边选取的是iphone4的屏幕尺寸: 480 * 320. 设计师设计的GUI的素材时就是按照这个尺寸来设计.但是紧接着的问题是如何保证它在其他不同尺寸/分辨率的平台上运行时不会出现各种诡异的位置大小错乱了. 举一个实际的例子来更好描述这个问题,比如我们的游戏是水平方向的, 然后游戏进行中间的暂停界面中,

[声明]在“随笔”模块,只是知识点,但是在“文章”模块(https://www.cnblogs.com/Robot-DX3906/articles/10579584.html)里面,有更多内容. 2019年3月20日第3小节课 (2502教室) 内容: 1. JS数据类型 2. 变量名的命名规则 3. 变量的声明与赋值 4. JavaScript注释 /*文件来源:(我们学校的“共享型专业教学资源库云综合平台”)/信息工程学院/计算机应用技术(数据服务与软件开发实验班)/动态脚本语言/万青/PP

孙广东  2015.8.16 事实上和 小地图都几乎相同了. 还是要借助 还有一个相机 目的: 这篇文章的主要目的是  要给你一个想法  怎样做放大境效果 . 在unity中能够简单的实现放大镜效果啊 . 那么如今就来一步一步实现这个: 创建一个摄像机对象.设置 projection 类型为 perspective 或者 orthographic. 设置相机的 orthographicSize 或者 fieldOfView   (依赖于相机的 projection 类型 ). 设置其 pixel