您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. iOS8开发技术(Swift 版)【第3季】__屏幕适配详

  2. iOS8开发技术(Swift 版)【第3季】__屏幕适配详
  3. 所属分类:iOS

    • 发布日期:2015-08-24
    • 文件大小:99328
    • 提供者:qq_28517937
  1. 三分钟搞定安卓适配问题PPT详解

  2. 三分钟搞定安卓适配问题
  3. 所属分类:Android

    • 发布日期:2016-05-24
    • 文件大小:952320
    • 提供者:qiushi_1990
  1. android屏幕适配,自动生成不同的dimens.xml详解

  2. android中官方建议的屏幕适配方式,通过根据不同的分辨率在工程的res文件夹下自动建立不同的尺寸文件夹,每个文件夹下都自动生成dimens.xml文件。
  3. 所属分类:Android

    • 发布日期:2019-01-08
    • 文件大小:1048576
    • 提供者:zhangqunshuai
  1. 详解vue2.0 不同屏幕适配及px与rem转换问题

  2. 主要介绍了详解vue2.0 不同屏幕适配及px与rem转换问题,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  3. 所属分类:其它

    • 发布日期:2020-08-27
    • 文件大小:76800
    • 提供者:weixin_38745434
  1. 详解React Native 屏幕适配(炒鸡简单的方法)

  2. React Native 可以开发 ios 和 android 的 app,在开发过程中,势必会遇上屏幕适配,这篇文章主要介绍了详解React Native 屏幕适配(炒鸡简单的方法),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  3. 所属分类:其它

    • 发布日期:2020-08-27
    • 文件大小:39936
    • 提供者:weixin_38727980
  1. Android的分辨率和屏幕适配详解

  2. 对于刚接触Android的新人和刚走上Android技术岗位的开发者们来说,在熟悉了相关之后,在项目完成后,就会面临着一个重大的挑战,那么就是屏幕适配的问题。当然我们所说的屏幕适配指的是适配各种手机不同的分辨率。
  3. 所属分类:其它

    • 发布日期:2020-09-01
    • 文件大小:283648
    • 提供者:weixin_38546789
  1. vue移动端屏幕适配详解

  2. 主要介绍了vue移动端屏幕适配,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  3. 所属分类:其它

    • 发布日期:2020-10-17
    • 文件大小:46080
    • 提供者:weixin_38506852
  1. 详解vue2.0 不同屏幕适配及px与rem转换问题

  2. 因为项目需要,vue开发项目,必须将已写的以px为单位的部分,转换为rem。要是全部转换,这大量的计算量,哪怕是sublime Text 的cssrem插件,也是一个庞大的工作量。所以,直接使用插件没商量。 第一步:因为rem是根据更元素来计算大小,所以,捕捉到当前屏幕的大小并赋值给html,这是其一 第二步:使用px2rem插件,来捕捉当前项目的所有px,直接计算相对应数值。 这样,以后写界面,就可以直接用px来构建界面,不用自己去计算啦! 1、安装插件(我是安装了淘宝镜像,所以是cnpm
  3. 所属分类:其它

    • 发布日期:2020-11-26
    • 文件大小:71680
    • 提供者:weixin_38713412
  1. 详解移动端h5页面根据屏幕适配的四种方案

  2. 方法一:引入淘宝开源的可伸缩布局方案 引入淘宝开源的可伸缩布局方案:https://github.com/amfe/lib-flexible(此处可点击) 淘宝的其实也和viewport的有点像,但是它主要是根据设备设备像素比设置scale的值,保持视口device-width始终等于设备物理像素,屏幕大小动态计算根字体大小,具体是将屏幕划分为10等分。这块也可以直接用js实现,后面会提到 具体引入和使用方法,移步github查看,非常详细。 方法二:viewport 的使用 github里边,
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:71680
    • 提供者:weixin_38722891
  1. 详解rem 适配布局

  2. 当今手机种类繁多 且不说iphone系列,安卓手机的种类已经数不胜数了,所以不可能每一款手机都要写一套布局样式,这也是不可能做到的,但是对于越来越精益求精的前端来说 ,当然要找到一个合理的解决方案。rem 就是用来自适应布局的。 适配要达到的效果,如下图(简单的示范一下) 两个div不论在大屏还是小屏上都是占据屏幕的一半 虽然上面这种简单的使用百分比可以实现但是,百分比无法实现字体的自适应,百分比转换成相应的尺寸还是很难的。接下来就说说这次我们的主角 rem (我们一般只适配宽度) rem 原
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:116736
    • 提供者:weixin_38613681
  1. 详解Android 折叠屏适配攻略

  2. 随着三星 Galaxy Fold 和 华为 Mate X 的发布,折叠屏手机开始进入大家的视线。在改变手机体验的同时,也给我们开发人员在适配方面带来了更多的挑战。本文给大家介绍一下 Android 开发中和折叠屏相关的一些概念,以及如何进行折叠屏的适配。 折叠屏适配 折叠屏之所以需要适配,是因为我们的应用有可能在运行的过程中,所在的屏幕尺寸发生了变化,这种情况对现有项目多少都会产生一些问题。 所以折叠屏适配的本质是: 当应用运行时,屏幕的尺寸、密度或比例发生了变化,应用能够继续在变化后的屏幕上正
  3. 所属分类:其它

    • 发布日期:2021-01-06
    • 文件大小:700416
    • 提供者:weixin_38706951
  1. 详解iOS 关于字体根据不同屏幕尺寸等比适配的问题

  2. 背景 去年的六月份开始了一个新的项目,此项目支持的设备从4S开始一直到6+,也就是说屏幕的尺寸最小的320×480 最大的1242×2208 (不过目前好像大部分的App都会这样去支持),而客户那边有一个奇葩要求 就是所有的控件布局必须依据屏幕的尺寸等比缩放。当然这个对于iOS的开发来说的话还是比较容易实现的(iOS有个Autoresizing刚好是依据父视图的大小作等比缩放的)。 项目就这样愉快的进行,然而当项目快要结束的时候,客户愤怒质问我们为什么字体大小没有根据屏幕作等比适配,再有几天的时
  3. 所属分类:其它

    • 发布日期:2021-01-05
    • 文件大小:59392
    • 提供者:weixin_38532629
  1. Android的分辨率和屏幕适配详解

  2. 一、为什么Android要进行分辨率与屏幕适配 最大的原因是碎片化,因为Android的开源措施和各个厂商的自己细微修改,结果就变成了这个样 需要适配的屏幕尺寸就有这么多: 这怎么可能嘛T_T。 所以我们就只照顾大部分人,根据友盟的统计数据如下: 所以只需要适配: 800×480、854×480、960×540、1184×720、1280×720、1920×1080这六种分辨率。 二、基本知识 屏幕尺寸 英寸,1英寸=2.54厘米。比如常见的屏幕尺寸有2.4、2.8、3.5、3.
  3. 所属分类:其它

    • 发布日期:2021-01-05
    • 文件大小:282624
    • 提供者:weixin_38655810
  1. iPhone X官方文档的适配学习详解

  2. 前言 官方文档原文地址:链接,iPhone X在文中均用iPX来表示,iPhone 7在文中均用iP7来表示 屏幕尺寸 iPX的屏幕尺寸是2436px×1125px(812pt×375pt 3x),也就是说我们依然使用的是3x的素材应该影响不大,他和iP7在宽度上是一致的,但是高度上多了145个点. 布局 最好在真机上预览一下布局. 布局需要延伸到边缘,另外在纵向高度上最好可以根据不同情境滚动. 状态栏的高度已经改变了,如果布局没有使用系统的导航栏,或者布局是依照导航栏来的,那么需
  3. 所属分类:其它

    • 发布日期:2021-01-04
    • 文件大小:65536
    • 提供者:weixin_38731027
  1. iPhone X官方文档的适配学习详解

  2. 前言 官方文档原文地址:链接,iPhone X在文中均用iPX来表示,iPhone 7在文中均用iP7来表示 屏幕尺寸 iPX的屏幕尺寸是2436px×1125px(812pt×375pt 3x),也就是说我们依然使用的是3x的素材应该影响不大,他和iP7在宽度上是一致的,但是高度上多了145个点. 布局 最好在真机上预览一下布局. 布局需要延伸到边缘,另外在纵向高度上最好可以根据不同情境滚动. 状态栏的高度已经改变了,如果布局没有使用系统的导航栏,或者布局是依照导航栏来的,那么需
  3. 所属分类:其它

    • 发布日期:2021-01-04
    • 文件大小:65536
    • 提供者:weixin_38557980
  1. Android常用布局(FrameLayout、LinearLayout、RelativeLayout)详解

  2. 很多开发者一听说Android终端的屏幕尺寸五花八门,屏幕分辨率千奇百怪,就觉得Android开发在屏幕适配方面是必定是一件头疼的事情。因为在Android问世之前,广大开发者知道的UI解决方案大致分为两类: 1、在Web开发中的CSS,一层一层的去层叠样式。 2、在iOS开发中去计算每一个UIView的尺寸。 上面两种方案,无论哪种方案面对碎片化严重的Android终端,那都是一场噩梦。好在Android提供了另一套解决方案来应对严重的终端碎片化,这就是布局和9-patch。 这里想来说说布
  3. 所属分类:其它

    • 发布日期:2021-01-04
    • 文件大小:102400
    • 提供者:weixin_38631225
  1. Android适配底部虚拟按键的方法详解

  2. 最近项目进行适配的时候发现部分(如华为手机)存在底部虚拟按键的手机会因为虚拟按键的存在导致挡住部分界面,因为需要全屏显示,故调用虚拟按键隐藏方法使之隐藏,然而发现出现如下问题: 手动操作隐藏虚拟按键后出现长白条区域 不自动隐藏 滑出状态栏后虚拟按键也出来,状态栏隐藏后虚拟却不跟着隐藏 在没有虚拟按键的设备上影响了SurfaceView全屏显示图传(原本全屏显示的图传在切出去再进来时变成了小屏显示) 通过google了很多方法并尝试终于解决了这个问题,达到如下效果: 每次进入界面时虚拟按键自动隐藏
  3. 所属分类:其它

    • 发布日期:2021-01-20
    • 文件大小:54272
    • 提供者:weixin_38705252
  1. 详解Android 华为凹口屏适配小结

  2. Android8.0以后【凹口屏】得到迅速发展,目前已有了挖孔屏/水滴屏/刘海屏等各式各样的屏幕,究其根本依旧是【凹口屏】,单华为一个品牌就涵盖了基本所有类型,而对于屏幕适配也是不可逃避的问题。小菜单独对华为各型号屏幕进行适配尝试,部分方法可通用到其他品牌设备,为 Android 标准 SDK 方法。 其实凹口屏已经出现很久了,对于获取凹口宽高的方式也有很多种,但是以前主流的凹口屏中凹口位置一般是位于屏幕正上方,但随着发展,也出现了在左上角的挖孔屏样式。相应的, Android 9.0 即 SD
  3. 所属分类:其它

    • 发布日期:2021-01-20
    • 文件大小:513024
    • 提供者:weixin_38681646
  1. 详解React Native 屏幕适配(炒鸡简单的方法)

  2. 前言 React Native 可以开发 ios 和 android 的 app,在开发过程中,势必会遇上屏幕适配(ios 好几种尺寸的屏幕以及 android 各种尺寸的屏幕)的问题,下面介绍一种几行代码搞定 RN 适配的方法! 屏幕适配的前置知识 RN 中的尺寸单位为 dp,而设计稿中的单位为 px 原理 虽然单位不同,但是元素所占屏幕宽度的比例是相同的 利用元素所占屏幕比例不变的特性,来将 px 转为 dp(这样实现屏幕适配的话,在不同尺寸的屏幕下,元素会等比放大或缩小) 公式如下
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:33792
    • 提供者:weixin_38655496
  1. vue移动端屏幕适配详解

  2. flexible vue移动端屏幕适配,查看项目地址 效果预览 # 项目clone git clone gitgithub.com:NicolasGui/flexible.git # 进入项目目录 cd flexible # 安装依赖 npm install # 启动服务 localhost:8080 npm run dev 原理概述 插件安装 # 插件一:amfe-flexible npm install amfe-flexible --save #  插件二: node-sass npm i
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:41984
    • 提供者:weixin_38692707
« 12 3 »