當前位置:首頁 » 圖片效果 » ui怎樣給程序員縮小圖片大小
擴展閱讀
張彤彤名字怎樣寫好看 2025-05-17 16:20:20
怎樣在網上接空調活 2025-05-17 16:05:01
怎樣煮南瓜米飯好吃 2025-05-17 16:05:01

ui怎樣給程序員縮小圖片大小

發布時間: 2022-04-23 12:25:54

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、勾選【使用滾輪縮放】,再單擊確定,保存設置即可。