전체 글
-
[Class] StreamBuilderw9 2022. 10. 31. 01:02
StreamBuilder 은 비동기식(Asynchronous : 동일하게 맞춰지지 않는 ) 데이터 스트림을 처리한다. Stream은 비동기 데이터 이벤트를 처리하는 방식으로 일련의 이벤트를 수신하는 방법을 제공한다. async* (비동기) 함수를 호출하면서 스트림이 생성되고 함수가 끝날 때까지 이벤트를 진행한 후 함수가 끝나면 스트림을 반환한다. synchronous 는 동일하게 맞춰진다는 뜻이다. 행위(이벤트)든, 시간이든 A에 변화가 발생하면, B도 그에 상응하는 변화가 즉시 일어나 A와 B가 약속된 같은 상태가 되는 것을 말한다 .예를 들어 외국 영화를 볼 때 배우가 말하는 화면(A)에 말한 내용의 자막(B)이 같은 화면에 나타나면 싱크sync가 맞다고 말한다. 프로그램에서 동기synchronous..
-
[Class] PageVieww9 2022. 10. 30. 23:56
PageView 화면을 수평, 수직으로 스와이프 하는 기능으로 스와이프를 감지하고, 애니메이션을 제공하는 콘트롤러, 스크롤 방향, 스크롤될 페이지들의 목록을 가진다. 3개의 페이지를 좌우로 스와이프 할때 한페이지씩 이동하게 하는려고 하면 스크롤 방향을 horizontal , 스르롤될 페이지는 1,2,3 예를들어 1,2,3 페이지를 PageController 스크롤되는 위치를 제어하는 데 사용하는 개체 PageController({int initialPage = 0, bool keepPage = true, double viewportFraction = 1.0}) 스크롤 방향은 horizontal (기본값) or vertical
-
[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% 완료인 것 비확정형 처리되는 동안 지속, 반복적인 애니메이션이 보여짐 애니메이션이므로 이미지로는 차..