1. 关于wap网站UI设计图片大小的问题
可以用媒体查询加css来解决这个问题,
<link href="css/css.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 0px) and (max-width: 480px)" >
<link href="css/css1.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 480px) and (max-width: 760px)" >
就象这样。然后用不同的css来处理这个问题
2. UI里面的图片尺寸怎么给后台
您可以PS软件就可以查看到图片的尺寸了。
3. 如何编程实现UIScrollView的放大缩小
MJViewController.h
#import <UIKit/UIKit.h>
@interface MJViewController : UIViewController
@end
2
MJViewController.m
#import "MJViewController.h"
@interface MJViewController () <UIScrollViewDelegate>
{
UIImageView *_imageView;
}
@end
@implementation MJViewController
- (void)viewDidLoad
{
[super viewDidLoad];
// 1.添加UIScrollView
UIScrollView *scrollView = [[UIScrollView alloc] init];
// scrollView.frame = CGRectMake(0, 0, 320, 460);
scrollView.frame = self.view.bounds;
[self.view addSubview:scrollView];
// 2.添加图片
UIImage *image = [UIImage imageNamed:@"big.jpg"];
// 调用initWithImage:方法创建出来的UIImageView,它的宽高默认跟图片的宽高一样
_imageView = [[UIImageView alloc] initWithImage:image];
// // 设置图片
// imageView.image = [UIImage imageNamed:@"big.jpg"];
//
// // 设置frame
// imageView.frame = CGRectMake(0, 0, imageView.image.size.width, imageView.image.size.height);
[scrollView addSubview:_imageView];
// 设置内容范围
scrollView.contentSize = image.size;
// 设置scrollview的代理对象
scrollView.delegate = self;
// 设置最大伸缩比例
scrollView.maximumZoomScale = 2.0;
// 设置最小伸缩比例
scrollView.minimumZoomScale = 0.2;
}
#pragma mark - UIScrollView 的 代理方法
#pragma mark 这个方法返回的控件就能进行捏合手势缩放操作
#pragma mark 当UIScrollView尝试进行缩放的时候就会调用
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
{
return _imageView;
}
#pragma mark 当缩放完毕的时候调用
- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(float)scale
{
// NSLog(@"结束缩放 - %f", scale);
}
#pragma mark 当正在缩放的时候调用
- (void)scrollViewDidZoom:(UIScrollView *)scrollView
{
// NSLog(@"-----");
}
@end
4. 当UI给的图片过大,应该如何处理
UI一般设计图的图片会比正常的尺寸大,苹果的分辨率比正常的电脑大2倍的像素。当拿到设计图以后所有用ps量的尺寸(宽高)需要除2
当图片过大,我们应该怎么处理:外层div设置固定尺寸。如果用过大的图片当成背景。只要给元素设置background-size:100%或者background-size:cover即可。
5. 怎样在画图工具里缩小图片的大小
1、第一步:选中需要缩小的图片,单击鼠标右键,在打开方式中选择“画图”。
6. 怎么缩小图片的大小kb缩小
ps怎么缩小图片kb,很简单,下面给大家演示一下操作步骤。
1、首先在电脑中用ps打开一张照片,点击左上角文件,如下图所示。
7. ui设计 icon 做尺寸512 缩小的话 怎么缩
如果是一个icon是单独的文件的话可以直接图像菜单>>画布大小 或者直接变形来调,这样的话可能需要微调细节。
或者直接将icon转成智能对象。进行缩放。
8. UI设计师如何进行切图
切图是设计师交付给开发的产物之一,设计稿完成后,设计师需要将其切成便于制作成页面的图片。设计师切图时就需要用到切图工具,比如摹客,可以自动切图(支持Sketch、Adobe XD、PS的设计稿),设计师只需在设计稿上进行切图标记,上传至摹客即可,无需手动,开发可以自主下载和使用。
如何切图?其实很简单:(以PS切图为例)
Step 1.安装并打开插件
插件安装好后打开PS,在“窗口>扩展功能”找到摹客 插件,选择并打开。使用摹客平台账号登录。
Step 2.标记切图
在完成的设计稿上,选中需要切图的图层或编组,点击“标记切图”。将在名称前增加“-e-”,“标记切图”变为“取消切图标记”,则标记切图完成。
Step 3.上传至摹客
标记切图后,一键将设计稿上传至云端项目中,开发工程师就可以自主下载切图,只需在右侧面板中选中切图,点击即可下载。
除了自动切图,还有更多亮点功能:
1. 切图压缩:在右侧面板中选中切图
2. 切换平台和选择倍率:iOS、Android、Web
3. 下载选中切图,一步到位。
摹客还支持Sketch、Adobe XD的自动切图,下载插件即可:
下载地址:
摹客:https://www.mockplus.cn/download/idoc-ps/?hmsr=
Sketch:https://www.mockplus.cn/download/idoc-sketch
adobe XD:https://www.mockplus.cn/download/idoc-xd
9. UI界面怎么缩放大小
方法一:
1、按住“Ctrl”键,同时按“+”号键,即可放大界面;同理,配合“-”减号,可以缩小界面。
2、当然,也可以自由设置快捷按键。
方法二:
1、最便捷的方法,是设置滚轮通过鼠标的滚轮控制放大或者缩小。方法如下:【编辑】——【首选项】——【常规】。
2、勾选【使用滚轮缩放】,再单击确定,保存设置即可。