ELLO의 개발일지

Buttons The system offers a range of button styles that support extensive customization while providing built-in interaction states, accessibility support, and appearance adaptation. In addition, there are several system-defined button types — such as toggle, pop-up, and pull-down — that support a variety of specific use cases. 이 시스템은 광범위한 사용자 정의를 지원하는 다양한 버튼 스타일을 제공하는 동시에 내장된 상호 작용 상태, 접근성 지원 및..

Web Views A web view loads and displays rich web content, such as embedded HTML and websites, directly within your app. Mail uses a web view, for example, to show HTML content in messages. 웹 보기는 내장된 HTML 및 웹 사이트와 같은 풍부한 웹 콘텐츠를 앱에 직접 로드하고 표시합니다. 예를 들어, 메일은 웹 보기를 사용하여 메시지에 HTML 내용을 표시합니다. Enable forward and back navigation when appropriate. Web views support forward and back navigation, but this b..

Scroll Views A scroll view allows users to browse content, such as text in a document or a collection of images, that’s larger than the visible area. As people swipe, flick, drag, tap, and pinch, a scroll view follows the gesture, revealing or zooming content in a way that feels natural. A scroll view itself has no appearance, but does display transient scrolling indicators as people interact wi..

Animation Beautiful, subtle animation throughout iOS builds a visual sense of connection between people and content onscreen. When used appropriately, animation can convey status, provide feedback, enhance the sense of direct manipulation, and help users visualize the results of their actions. iOS 전체에 걸쳐 아름답고 미묘한 애니메이션이 사람과 콘텐츠를 화면에 연결하는 시각적 감각을 구축합니다. 애니메이션을 적절하게 사용하면 상태를 전달하고 피드백을 제공하며 직접 조작의 ..

Loading When content is loading, a blank or static screen can make it seem like your app is frozen, resulting in confusion and frustration, and potentially causing people to leave your app. 콘텐츠가 로드될 때 빈 화면 또는 정적 화면이 프로그램이 정지된 것처럼 보이게 하여 혼란과 좌절감을 초래하고 잠재적으로 사람들이 프로그램을 떠나는 원인이 될 수 있습니다. Make it clear when loading is occurring. At minimum, show an activity spinner that communicates something is hap..

Text Fields A text field is a single-line, fixed-height field that automatically brings up a keyboard when people tap it. Use a text field to request a small amount of information, such as a name or an email address. 텍스트 필드는 사용자가 키보드를 누를 때 자동으로 나타나는 단일 줄의 고정 높이 필드입니다. 텍스트 필드를 사용하여 이름 또는 전자 메일 주소와 같은 적은 양의 정보를 요청합니다. Show a hint in a text field to help communicate its purpose. A text field can co..

Tables A table presents data as a scrolling, single-column list of rows that can be divided into sections or groups. Use a table to display large or small amounts of information cleanly and efficiently in the form of a list. Generally speaking, tables are ideal for text-based content, and often appear as a means of navigation on one side of a split view, with related content shown on the opposit..

Image Views An image view displays a single image or an animated sequence of images over a transparent or opaque background. Within an image view, images may be stretched, scaled, sized to fit, or pinned to a specific location. Image views are noninteractive by default. image view는 투명하거나 불투명한 배경에 단일 이미지 또는 이미지의 애니메이션 시퀀스를 표시합니다. 이미지 보기 내에서 이미지는 특정 위치에 맞게 늘리거나 크기를 조정하거나 고정할 수 있습니다. image view는 기본..

Collections A collection manages an ordered set of content, such as a set of photos, and presents it in a customizable and highly visual layout. Because a collection doesn’t enforce a strictly linear format, it’s particularly well-suited to displaying items that vary in size. Generally speaking, collections are ideal for showing off image-based content. Backgrounds and other decorative views can..

Tab Bars A tab bar appears at the bottom of a screen, helping people understand the types of information or functionality an app provides. Tabs let people quickly switch between top-level sections in your app while preserving the current navigation state within each section. 화면 하단에 탭 표시줄이 나타나 앱이 제공하는 정보 또는 기능의 유형을 쉽게 이해할 수 있도록 도와줍니다. 탭을 사용하면 각 섹션의 현재 탐색 상태를 유지하면서 앱에서 최상위 섹션으로 빠르게 전환할 수 있습니다. By ..