现在的手机品牌和型号越来越多,导致我们平时写布局的时候会在个不同的移动设备上显示的效果不同, 比如我们的设计稿一个View的大小是300px,如果直接写300px,可能在当前设备显示正常,但到了其他设备可能就会偏小或者偏大,这就需要我们对屏幕进行适配。 安卓原生的话有自己的适配规则,可以根据不同的尺 ...
分类:
其他好文 时间:
2019-03-26 13:56:55
阅读次数:
272
调试布局会发现,每款手机显示的布局效果有时候不尽人意,这是因为我们在写代码时,只针对了调试机型屏幕做了设计,而没有考虑到每个手机适配的问题,虽然大家都知道使用dp,但是并没能完全解决问题,而且在美工小伙伴也不会设计dp的图出来给你作为参考。今天就给大家介绍一款适配,来自鸿洋大神之手的工具AutoLayout:https://github.com/hongyangAndroid/AndroidAut
分类:
移动开发 时间:
2019-03-03 22:10:53
阅读次数:
239
目前移动端应该大都是用rem来做自适应布局,下面是关于如何基于vue-cli配置的项目做移动端屏幕适配。 1.安装lib-flexible 在命令行中输入并运行:npm i lib-flexible --save 2.在项目入口文件main.js中引入lib-flexible import 'lib ...
分类:
移动开发 时间:
2019-03-01 09:29:59
阅读次数:
320
在Android开发中,屏幕适配是一个非常头痛的问题,因而为了去进行屏幕适配,作为程序员,是呕心沥血,历经磨难,哈哈 我们之前做屏幕适配一般都会用到一下两种方式: 第一种就是宽高限定符适配,什么是宽高限定符适配呢 就是这种,在资源文件下生成不同分辨率的资源文件,然后在布局文件中引用对应的 dimen ...
分类:
移动开发 时间:
2019-02-28 21:25:54
阅读次数:
263
一. 技能点怎么写 技能点范围: 常用的技能点有:自定义View,动画,触摸事件传递机制,handler消息机制,线程间通信和组件间通信,第三方类库的使用,第三方SDK的集成,屏幕适配和权限适配,MVC和MVP架构,apk瘦身技巧,app内存泄露的检测和性能优化,android数据存储,java设计 ...
分类:
其他好文 时间:
2019-02-21 21:34:24
阅读次数:
196
屏比例介绍 手机厂商追求高用户体验,屏幕宽高比越做越高。经常听见什么16:9,18:9之类的,这个怎么来的呢? 1920*1080 传统手机 ratio_float = 16/9 = 1.778 ; 2248*1080 (例如小米8) ratio_float = 18/9 = 2 ; 2960*14 ...
分类:
其他好文 时间:
2019-02-08 18:22:59
阅读次数:
258
这篇博客主要讲一下上一篇博客的右侧和底部出现的问题。就是页面会有偏移量。说一下这个产生的原因吧。 一开始在构建html页面的时候,习惯性的在页面中加了 加了这个,导致canvas画出的图在移动端上有些模糊,尤其是后面我们在画文字的时候,文字根本看不清楚。这个其实并不是插件的问题,也不能完全归罪于这句 ...
分类:
其他好文 时间:
2019-01-19 16:31:52
阅读次数:
276
一.栅格系统 二.移动端屏幕适配 三.组件 1.表格 2.表单 四.python的内存管理 ...
分类:
编程语言 时间:
2019-01-02 20:13:56
阅读次数:
237
1.视口视口是移动设备上用来显示网页的区域,一般会比移动设备可视区域大,宽度可能是980px或者1024px,目的是为了显示下整个为PC端设计的网页,这样会让移动端出现横向滚动条,为了避免这种情况,移动端会将视口缩放到移动端窗口的大小,这样会让网页不容易观看,可以使用meta标签,name="viewport"来设置视口的大小,将视口的大小设置为和移动设备可视区一样的大小。&l
分类:
Web程序 时间:
2018-12-30 20:25:54
阅读次数:
288
杭州出差中,项目要做大屏展示,据说到时候是4块1920 1080的显示屏进行展示,这几天一直苦想到底如何进行屏幕适配呢,探索了一两天,决定用媒体查询结合比例计算来进行页面设计,以便于全屏、屏幕放大缩小的正常展示,学着写了个demo: 展示效果 ...
分类:
其他好文 时间:
2018-11-20 13:20:39
阅读次数:
228