Question

什么是UI缩放

什么是UI缩放

Answer 1

UI缩放就是对于用户操作界面进行放大或缩小的操作，而对于UI设计师来说，需要注意的有一点，不同的UI设计软件的缩放机制也不一样，以下内容也是大家需要重点关注的：
photoshop：一般是针对普通的图片进行修图和像素图像设计，就是我们相机拍的照片进行修图设计，适合用来做平面广告、插画或后期处理等。Photoshop主要是艺术家、摄影师，应用的软件。
illustrator: 主要是针对矢量图形设计，就是所谓的没有背景色的图，illustrator主要用用户是设计师，UI设计师，比如手机APP、网页设计的布局排版、按钮、图标等矢量元素。
除了这两款基础软件，其他软件的缩放机制也值得大家去关心。对于不同软件的缩放机制，UI设计师可根据应用场景的不一样，具体进行选择。

Answer 2

UI缩放就是把你的操作界面缩小或放大(相对于屏幕～）UI就是USER INTERFACE，就是你平时游戏可视操作界面。 那些视频，显示器没有关系，视频是通过软件录制的，并不是用摄像机。大多数拍视频的玩家的界面都是自己定制过的，特别是PK的，为了增大视野，UI缩放是常见的方法，但是，UI缩放是所有的元素（头像，地图，技能等）一起缩放，只适用于比较粗放的调整方式。有些玩家喜欢自己配置UI界面，把头像。技能动作栏，小地图，对话和战斗记录乃至技能咏唱条全部改变位置和形式，这是使用单体插件的结果。

Answer 3

UI缩放就是把你的操作界面缩小或放大(相对于屏幕～）UI就是USER INTERFACE，就是你平时游戏可视操作界面。

Answer 4

• 首先打开Sublime  Text新建一个空的HTML5页面，选择UTF-8编码，如下图所示

  

• 然后在head标签里导入jquery ui所需要的样式库文件，如下图所示

  

• 接下来就是导入jquery ui所需要的脚本文件，我们本次要实现的缩放功能脚本也在下图的脚本文件中定义好了

  

• 然后我们在body标签中定义好一个用于缩放的容器，如下图所示，注意给div一个id标识用于定位

  

• 下面就给div容器来加一些样式，如下图所示，主要定义一下宽高值以及文本间距等

  

• 最后我们调用jquery ui中的resizable方法实例化div容器的缩放功能，如下图所示

• 我们运行页面以后，你会看到如下图所示的div框，当你鼠标放在右下角的时候，你就可以改变div框的大小了