FlutterFlow의 내장 이미지 편집 기능은 어떻게 사용하나요?

1단계: FlutterFlow 설정하기

처음에는 FlutterFlow에서 새로운 프로젝트를 만들거나 기존의 것을 엽니다. FlutterFlow에서는 드래그 및 드롭 인터페이스를 제공하여 모바일 앱의 요소를 구축할 수 있습니다.

2단계: 디자인 인터페이스에 액세스하기

프로젝트에 들어가면 최상단 탐색 바에 있는 Design 탭을 클릭하여 프로젝트의 사용자 인터페이스에 액세스합니다.

3단계: 이미지 선택하기

Design 페이지에서 앱의 시각적 레이아웃을 찾을 수 있습니다. 여기서 편집하려는 이미지를 선택합니다. 아직 레이아웃에 이미지가 없다면 오른쪽에 있는 Add Widgets를 클릭해 이미지를 추가하고, Image 위젯을 레이아웃의 원하는 영역으로 클릭하고 드래그하여 추가합니다.

4단계: 이미지 에디터 열기

이미지를 선택하면 오른쪽 패널에 도구 세트가 나타나는 것을 확인할 수 있습니다. 여기서 Image 섹션 아래의 EDIT 버튼을 클릭하여 내장 이미지 에디터를 엽니다.

5단계: 편집 도구 사용하기

FlutterFlow의 이미지 에디터에는 이미지를 요구 사항에 따라 수정할 수 있는 다양한 도구가 장착되어 있습니다. 아래에 나열된 것들입니다:

Crop: 툴바의 첫 번째 아이콘이 자르기 도구를 나타냅니다. 이 아이콘을 클릭하여 활성화하고, 이미지의 모서리를 드래그하여 안쪽이나 바깥쪽으로 이미지를 자릅니다.

Filter: 두 번째 아이콘은 이미지에 필터를 적용하는 것입니다. 이 아이콘을 클릭하면 다양한 필터가 나타나고, 필요한 필터를 선택할 수 있습니다.

Adjust: 세 번째 아이콘은 조정을 나타냅니다. 이곳을 클릭하여 이미지의 밝기, 대비, 채도 등을 요구 사항에 따라 수정합니다. 필요에 따라 슬라이더를 조정합니다.

Text: 네 번째 아이콘은 이미지에 텍스트 오버레이를 추가할 수 있게 해줍니다. 이 도구를 선택하면 이미지에 텍스트 상자가 나타나고, 위치, 색상, 글꼴, 크기를 조정할 수 있습니다.

Draw: 다섯 번째 도구는 그리기입니다. 이 도구를 선택하고 두께와 색상을 조정하여 이미지에 낙서를 할 수 있습니다.

6단계: 편집 사항 저장하기

변경 사항에 만족하면 이미지 에디터의 오른쪽 상단에 있는 SAVE를 클릭합니다. 이제 원래 이미지 대신 편집한 이미지가 Design 캔버스에 나타나야 합니다.

7단계: 변경 사항 미리보기

편집한 이미지가 실제 앱에서 어떻게 보이는지 확인하려면 최상단 탐색의 Preview 탭을 클릭합니다. 이렇게 하면 선택한 기기 프레임에 앱의 미리보기가 열립니다.

이러한 단계를 따르면 FlutterFlow의 내장 이미지 편집 기능을 사용할 수 있습니다. 행복한 편집되시길 바랍니다!