Các loại Image Resize Mode thường dùng

Image Resize Mode (Chế độ thay đổi kích thước hình ảnh) là một khái niệm phổ biến trong xử lý hình ảnh và thiết kế đồ họa, mô tả cách thức một hình ảnh được thay đổi kích thước để phù hợp với không gian hoặc yêu cầu kích thước cụ thể.

Tùy vào mục đích sử dụng, các chế độ resize thường được sử dụng bao gồm:

  • Cover: bức ảnh luôn căn giữa, không bị vỡ hay bị nén. Ảnh sẽ có kích thước phù hợp với chiều lớn hơn theo tỉ lệ.

Ví dụ: ảnh có kích thước là 500×500

khung chứa ảnh có kích thước là 400×600

=> ảnh sẽ hiển thị fit với chiều 600, chiều 400 sẽ chỉ hiển thị được 400/600 (2/3) kích thước của ảnh

  • Contain: ngược lại với cover, ảnh sẽ có kích thước phù hợp với chiều bé hơn theo tỉ lệ.

Như ví dụ trên thì ảnh sẽ hiển thị fit với chiều 400, từ đó thì chiều 600 sẽ bị trống 2 vùng biên.

  • Stretch (Kéo giãn)

Hình ảnh được thay đổi kích thước sao cho nó vừa với không gian yêu cầu mà không giữ nguyên tỷ lệ ban đầu. Điều này có thể khiến hình ảnh bị méo mó.

  • Center (Căn giữa)

Hình ảnh được giữ nguyên kích thước ban đầu và căn giữa trong không gian yêu cầu. Nếu kích thước không khớp, các phần thừa sẽ được lấp bằng màu nền.

Các template view trong React Native

Một số bộ UI Component Kit cho React Native phổ biến: React Native Element là một thư viện giao diện người dùng (UI library) được xây dựng để hỗ trợ phát triển ứng dụng React Native một cách nhanh chóng và hiệu quả. Nó cung cấp một bộ sưu tập các thành phần UI đã … Read more

Tổng quan về AI

AI là gì? AI viết tắt cho cụm từ Artificial Intelligence nghĩa là trí thông minh nhân tạo, nói một cách chi tiết thì AI là một sự giả lập quá trình xử lý thông minh của con người (human intelligence) bởi máy móc, mà đặc biệt là hệ thống máy tính (computer systems). Một … Read more