본문 바로가기
[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.
[기초강좌] HTML Styles - CSS - w3schools 번역 [기초강좌] HTML Styles - CSS - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원문 : http://www.w3schools.com/html/html_css.asp CSS ( Cascading Style Sheets ) 는 HTML element 들을 스타일링 하는 데 사용된다. Styling HTML with CSS CSS 는 HTML 4 와 함께 소개된 것으로, HTML element 들을 더 나은 방법으로 스타일링 하는 데 사용된다. CSS 는 다음과 같은 방법으로 HTML 에 추가될 수 있다.* Inline - style 속성을 이용하여 HTML element 에 표기된다.* Internal - External Style Sheet External Sty.. 2014. 3. 11.
[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.
[HTML] <div></div> 와 <div /> 의 차이점 와 의 차이점 필자가 html, css 관련하여, 특히 position 에 관련한 여러가지 실습 도중 이상한 현상을 발견했다. 감자 분명 세번째 div 는 position:static 인데, 두번째 div 값의 위치에 영향을 받고 있었다. 게다가 a 태그 안에 있는 녀석의 값은 absolute 이고, 그 부모는 static 이기 때문에 windows 기준으로 "감자" anchor 가 위치되어야 하는데, 이 녀석도 세번째 div 의 값에 relative 한 값으로 위치배정이 되어 있었다. CSS position 값에 대해 자세히 알고 싶으세요? 여기를 클릭 제대로 된 원인을 찾지 못하고 새로운 example 을 만들다 발견한 사실은..바로 div 태그의 close 방법에 대한 내용. 감자 단지 div 태그.. 2013. 6. 26.
[VB6] 애니메이션 ( animation ) 에 대해 공부해보자. 애니메이션 ( animation ) [이전강좌] Database 사용하기 간단한 애니메이션 ( simple animation ) 아주 간단한 애니메이션은,단순히 위치값, 보여짐 여부, 넓이 등의 값을 바꾸는 것으로 구현할 수 있다.엄밀히 이야기하면 연속적인 animation 은 아니고, 시작과 끝만 있는 animation 이라 볼 수 있다. 이에 관여하는 속성들은.. VisibleLeft, TopWidth, Height Drag & Drop Drag & Drop 은, User interaction 에 의한 animation 의 한 범주로 볼 수 있다. Component 를 Drag & Drop 가능하게 만드려면, Dragmode property 를 1 ( Automatic ) 으로 주어야 한다. Drag.. 2013. 6. 23.
[CSS] position 속성에 대해 알아보자. CSS, position 속성에 대해 알아보자. CSS property 중에 position 값에 relative 라는 녀석을 만나게 되었다.이 녀석은 뭐하는 녀석일까? 궁금해하다 position 속성 자체에 대해 공부하게 되었다. position 값에 들어갈 수 있는 값은 static, absolute, relative, fixed, inherit 이다. position:static static 값은 기본값이기 때문에 position 값을 써주지 않으면, 자동으로 static position이 된다.이 static position은, 화면의 왼쪽상단부터 element 들을 배치한다.최초 element는 최좌상단에, 그리고 그 다음 element 는 그 오른쪽에 붙는데 만약 공간이 부족하다거나, bloc.. 2013. 6. 15.
반응형

티스토리툴바