物理像素&物理像素比物理像素点指的是屏幕显示的最小颗粒，是物理真实存在的。这是厂商在出厂时就设置好了,比如苹果6\7\8 是 750* 1334物理像素比就是屏幕的分辨率，分辨率越高，显示越清楚，750* 1334就是横的有750的像素点，竖的有1334的像素点我们开发时候的1px 不是一定等于1个物理像素的例如 在 iPhone8里面 1px 开发像素
转载
2024-01-30 19:04:50
71阅读
外观模式定义：外观模式又名为门面模式，是一种通过为多个复杂的子系统提供一个一致的接口，而使这些子系统更加容易被访问的模式。该模式对外有一个统一接口，外部应用程序不用关心内部子系统的具体的细节，这样会大大降低应用程序的复杂度，提高了程序的可维护性。外观（Facade）模式是“迪米特法则”的典型应用外观模式中主要角色外观（Facade）角色：为多个子系统对外提供一个共同的接口。子系统（Sub Syst
转载
2024-10-20 10:38:48
13阅读
在 Android 开发中，针对不同设备的屏幕密度，使用2倍图（即drawable-mdpi资源）来适配是一项常见的需求。在调试和维护现有项目时，经常会遇到有关“android 2倍图”的问题。本文将总结解决“android 2倍图”问题的过程，包括版本对比、迁移指南、兼容性处理、实战案例、排错指南以及生态扩展等内容。
### 版本对比
自Android 4.0（Ice Cream Sandw
aaaa
原创
2023-04-25 06:52:37
347阅读
以下设计原则由 Android用户体验团队秉承用户利益至上的理念而制定。他们还会继续为 Android 开发者和设计者针对不同类型的设备制定更详细的设计准则。 在您应用自己的创意和设计思路时，请考虑这些原则， 切勿固执己见。让我着迷以意想不到的方式让我眼前一亮漂亮的界面、精心布置的动画，或恰到好处的声效，都会带来快乐的体验。 精细的效果能产生一种轻松的氛围，让人感觉自己拥有强大的力量。
获得设备像素比后，便可得知设备像素与CSS像素之间的比例。也就是window.devicePixelRatio。 一倍图：当这个比率为1:1时，使用1个设备像素显示1个CSS像素。 二倍图：当这个比率为2:1时，使用4个设备像素显示1个CSS像素， 三倍图：当这个比率为3:1时，使用9（3*3）个设备像素显示1个CSS像素。设备像素:也叫物理像素，显示设备上最微小的物理部件。 比如 iphone
转载
2023-08-16 11:37:12
120阅读
Sketch 是近些年比较流行的 UI 设计软件，它比起之前常用的 Illustrator 或者 Photoshop 比较好的地方在于小巧功能简单但足够，同时对 Mac 的触摸板支持更加友好。另外它的插件系统也要比 Adobe 更加友好，大量的插件帮助我们解决协同和效率上的问题。Sketch 插件最大的好处在于可以直接使用 JavaScript 进行开发，并提供了许多配套的开发工具。下面我就以帮助
# 如何使用360dp设计图进行Android应用开发
在Android应用开发中，设计始终是一个关键因素。设计图是开发者和设计师之间沟通的桥梁，尤其是当设计图采用了特定的尺寸单位，比如360dp时。本文将探讨如何有效利用360dp的设计图进行Android应用的开发。
## 360dp设计图的背景
Android应用的设计需要适应不同的屏幕尺寸和分辨率，而360dp设计图通常是以中等密度的
在这个不断演进的Android开发环境中，Android2为设计与开发带来了新的挑战，其中“墨刀2倍图和1倍图”的问题尤为突出。为了帮助团队有效应对此类问题，我将详细记录解决过程以及所需的步骤和最佳实践。
### 版本对比
在深入细节之前，我们首先看看Android2与之前版本之间的关键差异。
```mermaid
quadrantChart
title 兼容性分析
x-axi
本篇适用于初次使用rem为单位切图而无从下手的童鞋。核心是根据屏幕动态改变根元素字体大小，以达到适配各种屏幕。这只是一个拿来就用的教程。很多东西没有详细说明。不过对于快速做手机端切图很有帮助。模板：Github使用：1.下载完成后首先修改js文件中的基本单位：psd宽度是640就写640，是750就写750.现在的设计稿大部分是以iphone 6 为基准设计的，也就是750px。2.切图时，我们以
转载
2023-07-09 23:20:21
468阅读
5.移动端屏幕知识1、逻辑分辨率是由软件（驱动）决定的2、设备分辨率是生产屏幕时就固定的，它是不可被改变的3、注意制作网页参考逻辑分辨率4、布局视口目标使用meta标签设置视口宽度，制作适配不同设备宽度的网页手机屏幕尺寸都不同， 网页宽度为100%网页的宽度和逻辑分辨率尺寸相同。属性viewport：视口width=device-width：视口宽度 = 设备宽度initial-scale=1.0
转载
2024-01-31 12:25:41
117阅读
48dp 的设计韵律（Rhythm） 可触摸控件都是以 48dp 为单位的。一般情况下，48dp 在设备上的物理大小是 9mm (会有一些变化)。这刚好在触摸控件推荐的大小范围 (7-10mm) 内，而且这样的大小，用户用手指触摸起来也比较准确、容易。留白 界面元素之间的留白应当是 8dp。字体(Typography) 默认字体颜色：Android UI 使用以下默认
转载
2023-06-14 09:45:55
129阅读
一、为什么要绘制软件UI设计图作用和意义 UI设计图为软件设计的最终效果图。软件UI设计图可以精确的描述软件最终的形态，包括控件样式、控件尺寸、控件配色、控件交互方式、布局样式、字体样式和尺寸。除了可以通过UI设计图看到软件的最终效果，UI设计图也是软件界面编程的最终依据。同时在软件编程中，实现软件最终界面所使用的图片和图标就是从UI设计图中裁剪出来的。谁设计 UI设计图一般有专门的“UI设计师完
转载
2024-05-22 18:19:48
34阅读
造成雪崩的真实场景1.4.1 服务提供者不可用硬件故障:如网络故障、硬盘损坏等。程序的 bug:如算法需要占用大量 CPU 的计算时间导致 CPU 使用率过高。缓存击穿:比如应用刚重启，短时间内缓存是失效的，导致大量请求直接访问到了数据库，数据库不堪重负，服务不可用。秒杀和大促:服务短时间承载不了那么多请求量。1.4.2 重试加大流量用户连续重试:比如用户看到界面上没有响应，所以又操作了一遍，结果
MySQL 里还有什么其他成员呢？对于 MySQL，要记住、或者要放在你随时可以找到的地方的两张图，一张是 MySQL 架构图，另一张则是 InnoDB 架构图： 遇到问题，或者学习到新知识点时，就往里套，想一想，这是对应这两张图的哪个模块、是属于具体哪个成员的能力。这其中，第一张图的最底下的存储引擎层（Storage Engines），它决定了 MySQL 会怎样存储数据，
转载
2023-07-21 20:57:02
52阅读
作为一个全栈程序开发人员，感觉有时候真的很心累呀，因为既要满足后端程序的实现，还要理解我们客户爸爸的独特见解。入行两年，个人对于移动端界面的书写渐渐找到了一些适合自己的东西。1、我们单位UI小姐姐推荐的“蓝湖”是真的的好用，设计师需要安装PhotoshopCC2015以上版本（这里传送一个我弄到的 photoshop cc 2018 版本 ，网
转载
2024-06-13 20:35:12
219阅读
# Android软件开发设计图实现流程
## 1. 简介
在进行Android软件开发时，设计图通常用于描述应用程序的外观和用户界面。设计图是开发过程中的重要参考，它可以帮助开发者理解和实现UI界面的布局和交互。本文将介绍如何实现Android软件开发设计图的流程，以及每一步需要做什么。
## 2. 实现流程
下面是Android软件开发设计图的实现流程的表格形式：
| 步骤 | 操作 |
原创
2023-12-31 06:01:11
48阅读
1、设计初衷： 身体是革命的本钱，面对生存，各种不规律的生活作息和重压下无法放松的紧张神经，导致我们的身体和心理都不堪重负。同时，在经济条件越来越好的情况下，越来越多的人开始关注起了健康这个亘古不变的话题。于是产生了很多优秀的APP。 但是这些APP很多都很单一，做健身的只关注健身，做减肥的只关注减肥，做医药方面的只关注医药。这就导致没有一个APP可以很好的整合这些功能。针对这个情况，很想尝试
转载
2023-09-12 11:09:50
70阅读
很多UI工程师为了适配IOS，常常拿IOS手机作用参考模型，设计出来的UI稿只有PX标注的。他们也不懂Android的dp和sp单位是怎么回事。这个时候我们Android工程师如果不注意怎么转换的话，就可能开发出很难看的界面。那么如何才能正确的将UI稿的上的px转换成android的dp单位呢？这个取决于UI设计师的设计稿基于什么设备。一般安卓开发者只要适配一款主流设备，比如Nexues5，其它大
摘要: 从最初进入电子设备领域，旋钮和刻度盘的由最初的功能性设计转变为时尚的外观设计元素，比如在移动app中。这种转变并意外，旋钮和刻度盘不需要占用移动设备的太多空间，并可以简单地为用户提供一些列的参数和数据。 ...
从最初进入电子设备领域，旋钮和刻度盘的由最初的功能性设计转变为时尚的外观设计元素，比如在移动app中。 &nbs
