Restaurante La Strada

플로팅 액션 버튼 예제

Posted on

확장된 FAB는 탭할 때 3-6개의 관련 동작의 단축 다이얼을 표시할 수도 있습니다. 가리키면 이러한 관련 작업이 레이블을 표시하도록 확장됩니다. 안녕하세요,이 버튼으로 Whatsapp에 메시지를 보내는 방법? 당신은 그것을 만들 수 있습니까? 사용자가 페이지를 아래로 스크롤하면 부동 작업 버튼이 사라집니다. 페이지가 맨 위로 스크롤되면 다시 나타납니다. FAB는 건설적인 작업(예: 만들기, 공유 또는 탐색)을 수행해야 합니다. 아이콘 전용 단추를 사용하는 것은 허용되지만 사용자에게 컨텍스트 관련및 명확한 지 확인하는 경우에만 허용됩니다. 컨텍스트는 사용자가 아이콘 전용 단추를 해석하고 작업을 설명하는 데 도움이 됩니다. 예를 들어, 응용 프로그램을 작성 하는 메모가 있는 경우 그것은 매우 분명 응용 프로그램의 주요 목적은 걸릴 것입니다-그리고 보기-메모. 그리고 `펜`아이콘은이 맥락에서 좋은 것입니다.

android.support.design.widget.FloatingActionButton 태그 구성 요소는 부동 동작 단추를 성공적으로 만들고 구성하기 위해 사용됩니다. 버튼은 부동 동작 버튼을 클릭하면 표시되는 스낵바를 표시하는 데 사용됩니다. FAB를 사용하여 사소하거나 파괴적인 작업을 수행하지 마십시오. 그리고 사용자가 추측해야하는 경우, 버튼은 신비 고기입니다. 일부는 이러한 아이콘이 무엇을 의미하는지 발견하는 데 걸리는 시간이 매우 짧고 가능한 위험이 매우 낮다고 말할 수 있습니다. 예, 아이콘이 무엇을 의미하는지 알아내는 데 걸리는 시간은 아이콘을 탭하여 매우 작을 수 있습니다. 그러나 인지 부하가있다 : FAB는 아이콘 전용 버튼이며, 문제는 아이콘이 해석에 너무 열려 있기 때문에 이해하기 가 정말 어렵다는 것입니다. NNG가 지적했듯이 보편적으로 인식되는 아이콘은 드뭅니다.

예를 들어, 아래 예제의 버튼이 무엇을 하는지 추측할 수 있습니까? 부동 동작 버튼은 ANDROID 앱UI의 기본 동작을 트리거하고 모핑, 시작 및 전송 앵커 포인트와 관련된 특수 동작 동작이 있는 UI 위에 떠 있는 원형 버튼으로 가장 일반적인 기본 동작을 나타냅니다. 새 전자 메일 초안 작성과 같은 부동 작업 단추를 함께 누를 수 있습니다. FAB는 관련없는 작업으로 변환해서는 안됩니다. FAB는 가장 관련성이 많거나 자주 사용되는 작업을 강조 합니다. 앱의 강력한 특성인 작업에 사용해야 합니다. 부동 동작 버튼 (FAB)은 안드로이드 앱에서 매우 일반적으로 사용되는 컨트롤입니다. UI 위에 떠있는 원 모양의 아이콘모양으로 디자이너가 앱 제품 스토리의 핵심 부분을 호출할 수 있는 도구입니다. FAB는 UI 요소를 구현하기가 매우 간단하지만 디자이너는 종종 디자인에 잘못 통합합니다. 부동 작업 단추를 배치하려면 코디네이터레이아웃을 사용합니다. 코디네이터레이아웃은 해당 뷰에 포함된 뷰 간의 상호 작용을 용이하게 하는 데 도움이 되며, 나중에 스크롤 변경 사항에 따라 단추를 애니메이션하는 방법을 설명하는 데 유용합니다. 지금은 코디네이터레이아웃에서 한 요소를 다른 요소 위로 가져갈 수 있는 기능을 활용할 수 있습니다. 우리는 단순히 목록보기 및 부동 액션 버튼 코디네이터 레이아웃 내에 포함 하 고 layout_anchor및 layout_anchorGravity 특성을 사용 하 여 필요.

버튼은 특정 위치에만 고정됩니다. 버튼을 이동하는 데 필요한 추가 코드가 있습니까 다음에 부동 작업 단추에 대한 coordinatorlayout 동작을 구현해야합니다. 이 클래스는 단추동일한 CoordinatorLayout에 포함된 다른 보기에 응답하는 방법을 정의하는 데 사용됩니다. 다음은 우리가 우리의 스낵 바를 트리거하기 위해, 우리의 활동에 사용 된 부동 액션 버튼을 정의하는 주요 레이아웃 파일입니다. 아래는 부동 액션 버튼 데모의 스크린 샷입니다. 작업 메뉴에는 스크롤을 지원하지 않기 때문에 작업 메뉴에는 6개 이상의 옵션이 포함되어서는 안 됩니다. 확장된 FAB 용기의 폭은 고정되거나 유체일 수 있습니다. 확장 된 FAB의 아이콘직관적으로 해당 작업을 나타내야 합니다.