플로그

이전글 위젯이 왜.. 다르게 보이지? 1. 해상도 이해하기 Android OS 와 iOS 는 각각 논리적 픽셀을 사용하고 있고 Flutter도 logical pixel이라는 논리적픽셀을 사용한다. 플러터에서 위젯에 주는 width와 height는 논리적 픽셀값이고 실제로 위젯이 그려지는것은 이 width, height 값과 devicePixelRatio가 곱해진 값으로 화면에 위젯이 그려진다. 플러터에서 일반적으로 사용하는 이미지는 래스터 이미지인데... 플러터에서 이미지를 사용하는 위젯을 만들때 어떻게 이미지를 넣어줘야 할까? 이미지의 종류 앱을 만들때 사용하는 이미지는 크게 래스터 이미지와 벡터이미지 2가지로 구분 할 수 있다. 컴퓨터 과학에서 래스터 그래픽스(Raster graphics) 이미지, ..

플러터로 사용자가 보는 화면을 작업한다면 누구나 사이즈를 어떻게 주지? 라는 고민을 해봤을 것이다. 위젯사이즈는 어떻게 줘야 할까, 얼마만큼 줘야 할까? 기기별로 나눠야 한다면 수많은 기기들이 가진 해상도 사이의 구분은 어떻게 할까 등등... 을 고민하기전에 먼저 화면과 관련된 용어와 개념에 대해 알아보자. Pixel 픽셀은 디지털 이미지와 디스플레이 장치에서 사용되는 개념으로, 이미지를 구성하는 가장 작은 단위를 의미한다. 픽셀은 "picture element"의 줄임말이며, 말 그대로 화면에 표시되는 모든 그래픽 요소의 구성 요소이다. 픽셀은 정사각형 또는 직사각형의 형태를 가지며, 각 픽셀은 특정한 색상과 밝기 값을 나타낸다. 컴퓨터 화면이나 디지털 이미지에서 픽셀은 그리드 형태로 배열되어 있으며,..