기본 콘텐츠로 건너뛰기

[ios] 스토리보드(storyboard) 화면 이동하기, segues 구성하기

segues : 스토리보드의 A화면에서 B화면으로 전화하는 것.
A화면에서 버튼을 누르면 B화면으로 전환되는 것을 해보겠다.


Single VIew Application 프로젝트 생성 > 그림과 같이 스토리보드가 자동 생성 된 것 확인.















A화면 View를 클릭 후 버튼(button)을 드래그 하여 추가 > View Controller오브젝트(B화면)도 드래그하여 추가하면 아래 그림과 같이 두개의 화면이 나타난다.















A화면의 버튼을 눌렀을 때 B화면으로 이동하도록 하기 위해서
A화면의 버튼을 선택 > control키를 누른상태에서 버튼을 B화면으로 드래그 > 다음과 같은 메뉴가 출력 > modal선택




아래의 그림과 같이 화살표가 생성되었으면 제대로 한 것이다.

이대로 실행한다면 문제가 발생한다. 왜냐하면 B화면의 뷰컨트롤러가 없기 때문이다.
file > cocoa touch > UIViewController > Next 생성.

스토리보드에서 아까 생성한 B컨트롤러 선택 > class에 방금 생성한 뷰컨트롤러 지정.

실행해보자. 





댓글

이 블로그의 인기 게시물

[android] viewPager setOffscreenPageLimit 미리 로딩하기

viewpager를 사용할 때 이전 혹은 다음페이지를 몇개까지 미리 로딩할지 정하는 함수이다. 전체 5page가 있는데 현재 1page를 보고 있다고 가정했을 때  2, 3, 4, 5페이지를 모두 미리 로딩하고 싶다면 setOffscreenPageLimit(4)를 사용하면 된다. 따로 setOffscreenPageLimit 를 지정하지 않았을 경우, default값은 1이다. 다음과 같이 적용가능 하다. Colored By Color Scripter ™ 1 2 3 ViewPager mViewPager = (ViewPager) findViewById(R.id.pager);         mViewPager.setAdapter(storePagerAdapter);          mViewPager.setOffscreenPageLimit(4) ;

[android] textview 옆에 image 추가하기.

xml페이지에 다음과 같이 구현 android:drawableLeft  : 텍스트 왼쪽에 이미지 추가. android:drawableRight : 텍스트 오른쪽에 이미지 추가. Left, Right 외에도 top, bottom, start, end가 있다. android:drawablePadding : 이미지의 공간 (텍스트와 이미지 사이의 간격을 띄울 때 주로 사용.) <TextView           android:layout_width="wrap_content"           android:layout_height="wrap_content"           android:text="오른쪽에 마크"           android:drawableRight="@drawable/mark"           android:drawablePadding="10dp" />

[android] url scheme 사용하기 (웹에서 앱 호출 및 앱에서 앱 호출)

[호출될 앱] 다른 앱이나 웹에서 호출될 앱의 AndroidManifest.xml 파일을 열어 원하는 activity에 아래와 같이 빨간 부분을 추가 한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <activity             android:name= ".testUrlScheme"             android:label= "@string/app_name" >             <intent-filter>                 <action android:name= "android.intent.action.MAIN"  />                 <category android:name= "android.intent.category.LAUNCHER"  />             </intent-filter>             ...