From Design pattern
Jump to: navigation, search
Line 1: Line 1:
{{#css:
 
#mw-content-text h3 span {
 
font-weight: 600;
 
padding-left: 0px;
 
}
 
 
.mw-headline {
 
font-weight: 600;
 
}
 
 
span.mw-editsection {
 
font-weight: 200;
 
position: relative;
 
float:right;
 
margin-right: 25px
 
}
 
 
span.mw-editsection a {
 
font-weight: 200;
 
}
 
 
.art-subpage {
 
background: #F7F7F7;
 
}
 
 
#mw-content-text p {
 
padding-top: 0px;
 
padding-bottom: 6px;
 
}
 
 
.mw-content-ltr ul {
 
margin: 0.3em 0 0 42px;
 
}
 
 
 
hr {
 
margin-top: 0px;
 
margin-bottom: 0px;
 
margin-left: -31px;
 
width: 720px;
 
border-bottom: 1px solid #E0E0DD;
 
border-left: 0px;
 
border-right: 0px;
 
border-top: 30px solid #F7F7F7;
 
}
 
<!--
 
#sun-col {
 
-webkit-column-count:2; /* Chrome, Safari, Opera */
 
-moz-column-count:2; /* Firefox */
 
column-count:2;
 
}
 
 
#sun-col p {
 
padding-left: 0px;
 
 
}
 
-->
 
 
.thumb {
 
margin: 0px 25px 5px 25px;
 
}
 
 
}}
 
 
 
Segmented control은 can be used when you want to help the user find particular data without changing the current view. It works as a filter on a set of data.
 
Segmented control은 can be used when you want to help the user find particular data without changing the current view. It works as a filter on a set of data.
  
Line 75: Line 11:
  
 
----
 
----
 
 
== Segmented control ==
 
== Segmented control ==
<div id="sun-col">
 
  
 
== Navigation ==
 
== Navigation ==

Revision as of 20:57, 25 June 2014

Segmented control은 can be used when you want to help the user find particular data without changing the current view. It works as a filter on a set of data.

You can also consider using a mode selector for dividing content into sections, but here by selecting a different section, the content is loaded. If the control doesn't work on the same set of data, you could consider using a tab bar. When content covers a certain item, but has to be divided into different subjects, you should use module tabs.

With this pattern, we can solve...

내용을 적어 넣으시오

  • 내용을 적어 넣으시오
  • 내용을 적어 넣으시오

Segmented control

Navigation

Android_Google play store (552)

  • 판매중인 전체 앱 목록 중 일부를 여러 필터링 조건에 따라 그룹핑하여 보여준다. (choi)

Segmented control 은 android patterns에는 있지만 현재 우리 분류체계에는 없는 듯. 현재의 우리 분류체계에서는 navigation > move in same level > tabs 에 이와 유사한 사례가 있어요

Segmented control을 tabs와 함께 묶어서는 안될 것 같고, 474번을 빼내서 552, 553과 함께 navigation > move in same level >  Segmented control 을 생성해야 할 것 같습니다. (choi)  

단, 474는 552와 같은 앱 스토어 아닌가요? 553도 앱 스토어 사례이고... 다른 컨텐츠 타입의 사례가 더 필요합니다. android patterns의 Segmented control 에 있는 사례들을 참고하세요. (choi)

  • 네 동일한 사례이며 보다 좋은 영상안 것을 선택하여 474번은 tabs에서 삭제하였습니다.

Android_T store (553)

  • 판매중인 전체 앱 목록 중 일부를 여러 필터링 조건에 따라 그룹핑하여 보여준다. (choi)