w8
-
[Class] Cardw8 2022. 10. 23. 02:01
Card 는 - 모서리가 둥글고 떠 있는 듯한 느낌을 주는 그림자를 가진 네모형태를 말함 - 관련된 정보를 나타낼 때 사용 됨 예를 들어 게시판 테이블 목록에서 하나의 행 (제목, 작성자, 작성일 등)을 하나의 카드로 나타낼 수 있음 Card( child: Column( mainAxisSize: MainAxisSize.min, children: [ const ListTile( leading: Icon(Icons.album), title: Text('The Enchanted Nightingale'), subtitle: Text('Music by Julie Gable. Lyrics by Sidney Stein.'), ), Row( mainAxisAlignment: MainAxisAlignment.end, c..
-
[Class] Tooltipw8 2022. 10. 23. 01:39
Tooltip 은 - 텍스트로 버튼이나 이미지등의 UI 요소들에 대한 설명을 제공하는 방식 - 요소를 길게 누르면 해당하는 messge 내용 사라지지 않고 유지 됨 - 화면판독기 (TTS 등)의 기계가 tooltip 의 내용을 읽어서 전달하기도 함 - tooltip 의 텍스트나 tooltip 이 나타나는 박스의 스타일, tooltip 을 설명하는 대상에서 얼만큼 떨어져서 노출될 지, 노출 시간 등을 설정할 수 있음 Tooltip( message: 'I am a Tooltip', decoration: BoxDecoration( borderRadius: BorderRadius.circular(25), gradient: const LinearGradient(colors: [Colors.amber, Colors..
-
[Class] Chipw8 2022. 10. 23. 01:24
Chip 은 이미지와 텍스트를 포함하는 타원형 디자인으로 입력값, 속성(정보), 기능을 쉽게 이해할 수 있도록 간단하게 표현하는 UI 요소 입력 값의 표현, 선택 옵션, 기능 버튼의 역할로 사용할 수 있다. 기능에 따라 Input Chips, Choice Chips, Filter Chips, Action Chips 가 있다. Input Chips Choice Chips Filter Chips Action Chips - 사용자가 입력한 텍스트를 칩으로 변환 - 복잡한 정보를 간결하게 나타냄 - 입력값을 수정 가능 - 적절하지 않은 입력값에 대한 오류 표시 - 다른 필드로 이동 가능 - 하나의 옵션으로 사용 - 토글, 라디오 버튼의 역할로 사용 - 하나를 선택하면 다른 선택값은 선택 해제 됨 - 토글이나 체..
-
[Class] Circular/LinearProgressIndicatorw8 2022. 10. 21. 13:41
Material 디자인에서 제공하는 진행상태 표시(ProgressIndicator) ProgressIndicator 는 요청한 작업을 진행, 처리중이라는 정보를 알려주면서, 기다림을 유도한다. 요청을 했는대 아무 반응이 없다면 요청자는 처리중인지 알수 없으므로 재시도를 하거나, 떠나버릴 거다. ;; 원형과 선형, 2가지가 있다. 1. CircularProgressIndicator 이름에서 보듯 원형 얼마나 진행되고 있는지 진행율을 표현하는 확정형과 그냥 진행중인 상태만 표시하는 비확정형이 있다. 확정형 원이 0~1 사이의 값으로 균등 분할되어, 진행 비율에 맞게 원의 테두리가 채워짐. 다 채워지면 100% 완료인 것 비확정형 처리되는 동안 지속, 반복적인 애니메이션이 보여짐 애니메이션이므로 이미지로는 차..