본문 바로가기
[android] Nice 한 UI 를 만드는 규칙~ [android] Nice 한 UI 를 만드는 규칙~ https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda 1. Light comes from the sky2. Black and white first3. Double your whitespace4. Learn the methods of overlaying text on images5. Make text pop - and un-pop6. Only use good fonts7. Steal like an artiest Light Comes From the Sky -빛이 하늘로부터 온다면, Top 부분이 반짝인다.그리고 shadow 를 하단에 만든다.Top 부분은.. 2017. 8. 3.
[android] 특정 위치에 popup window 띄우기 [android] 특정 위치에 popup window 띄우기 http://frogermcs.github.io/InstaMaterial-concept-part-4-feed-context-menu/ -꼭 popup window 를 띄우지 않아도, LinearLayout 등을 통해서도 popup window 형태를 충분히 띄울 수 있다. -메뉴를 표시하는 LinearLayout 를 하나 만든다. -menu 를 표시하는 action 이 들어오면, 메뉴 view 를 만들고, ViewTreeObserver 에 addOnPreDrawListener 를 등록한다. -listener callback 에서는 먼저 pre draw listener 를 해지해주고, menu 의 위치를 잡아준다. -위치를 잡는것은, 기준점이 되.. 2017. 7. 12.
[android] ListVIew 의 transcriptMode.. ( 추가된 item 으로 focus 이동 ) [android] ListVIew 의 transcriptMode.. ( 추가된 item 으로 focus 이동 ) 이놈 때문에 한참을 해맸다... android:transcriptMode 는 새로운 item 이 add 되었을 때 focus 이동을 할지를 결정하는 속성이다. disabled, normal, alwaysScroll 이렇게 3개의 값이 들어갈 수 있다. disabled기본 값으로 새로운 아이템 추가에 무대응이다. normaldata set이 change 되었을 때 ( 새로운 녀석이 추가되면 ) + 마지막 아이템을 보고 있었다면, 새로 추가된 마지막 아이템쪽으로 focus 를 이동시킨다. alwaysScrolldata set 이 change 되었을 때 현재 보고 있는 item 이 어떤 녀석인지 상.. 2016. 12. 22.
[iOS Study] 오토 레이아웃 소개 [iOS Study] 오토 레이아웃 소개 출처 : 아론 힐리가스의 iOS 프로그래밍 -아이패드와 아이폰 모두에서 실행 가능한 단일 앱을 유니버설 앱(Universal application) 이라 한다. -Deployment info 섹션으로 이동하여 Devices 팝업에서 iPhone 을 Universal 로 변경하면 된다. -절대 좌표 체계는 레이아웃이 깨지기 쉽다.미리 화면 크기를 알고 있다고 가정하기 때문이다. 오토 레이아웃을 사용하여 상대적인 방식으로 뷰들의 레이아웃을 기술할 수 있다.이것은 실행 시에 frames 를 결정하도록 해준다.따라서 frames 의 정의가 프로그램이 실행 중인 장비의 화면 크기를 고려할 수 있도록 한다. -레티나 장비는 비레티나 장비보다 두 배 많은 픽셀을 가지고 있지만.. 2016. 3. 3.
[android] Shadow effect with custom shapes [android] Shadow effect with custom shapes 출처 : https://slothdevelopers.wordpress.com/2014/05/22/shadow-effect-with-custom-shapes/ Custom 한 버튼을 만드는 xml 정의이다. Custom 한 Shadow 와 Custom 한 버튼 모양을 만들기에 좋다. Android, Bottom, COLOR, Corner, custom button, custom shape, custom 버튼, Example, ITEM, layer-list, Left, Radius, Right, sample, selector, Shadow, shadow effect, Shape, Solid, state_pressed, Top, xm.. 2015. 12. 3.
Android Transition Framework (TransitionManager, Transition, Scene) 의 작동 원리 Android Transition Framework (TransitionManager, Transition, Scene) 의 작동 원리 참조 : http://lucasr.org/2014/03/13/how-android-transitions-work/ Transition Framework Transition 은 layout change 에 대한 animation 을 지원한다.layout change 는 add, remove, move, resize, show, hide 등을 이야기한다. Transition Framework 는 3개의 핵심으로 구성된다. Scene Root, Scene, Transition. Scene Root 는 ViewGroup 으로 Transition 이 일어나는 배경이 되는 Cont.. 2014. 4. 30.
scroll container 에 padding 값을 줄 경우 꼭 봐야 할 내용! scroll container 에 padding 값을 줄 경우 꼭 봐야 할 내용! Scroll Container 의 top 혹은 bottom 에 padding 을 주었다면 android:clipToPadding="false" 를 주어야 한다. 그렇지 않으면 scroll 하면서 이 padding 부분이 사라지게 된다. Left, Right 에 padding 을 줄 경우에는 scroll indicator 가 안쪽으로 존재할 수 있는데 이는android:scrollbarStyle="outsideOverlay" 로 설정해주면 해결된다. 요약하면 padding 값을 줄 경우 아래와 같이 xml 설정을 하면 된다. Android, android:cliptopadding, android:scrollbarStyle, .. 2014. 4. 29.
[android] how to make scrollview scroll to bottom programatically. android, how to make scrollview scroll to bottom programatically. ScrollView.fullScroll( View.FOCUS_DOWN ); Android, Bottom, focus_down, fullscroll, how to make scrollview scroll to bottom programatically., Programatically, scroll, scrollview, smoothscroll 2014. 1. 27.
[jQuery] Button Component 에 대해 알아보자. jQuery, Button Component 에 대해 알아보자. jQuery 를 이용하여 Button 을 만드는 방법에 대해 알고싶나요? 여기를 클릭. "ui-grid-a", "ui-block-a" "ui-gird-a" class 는 column 이 2개인 grid 를 만든다. ( "ui-grid-b" class 는 column 이 3개인 grid )"ui-block-a" class 는 ui-grid 의 첫번쨰 column 을 말하고,"ui-block-b" class 는 ui-grid 의 두번째 column 을 이야기한다. innerHTML 과 text 의 차이점 innerHTML 은 html 코드를 입력하는 함수이고, text() 는 문자열 입력을 하는 함수. innerHTML 에는 html tag 들.. 2013. 6. 30.
반응형