xamarin 강좌 009. Layout(2) - ScrollView

 

 

xamarin은 마이크로소프트에서 Visual Studio와 함께 무료로 배포하고 있는 스마트폰 앱 개발 툴입니다.

 

xamarin은 크로스 플랫폼(cross platform) 기술로 한번 코드를 작성해 놓으면 안드로이드, 아이폰, 윈도우에서 실행되는 스마트폰 앱을 한꺼번에 만들 수 있는 강력한 도구입니다.

 

 

 

이전 Xamarin 강좌 글목록

2018/09/16 - [프로그래밍/xamarin] - xamarin 강좌 008. Frame Layout

2018/09/15 - [프로그래밍/xamarin] - xamarin 강좌 007. Page, Layout, View

2018/09/13 - [프로그래밍/xamarin] - xamarin 강좌 006. Custom Renderer를 만들며 배우는 자마린의 구조

2018/09/13 - [프로그래밍/xamarin] - xamarin 강좌 005. 데스크탑, 스마트폰 등 디바이스 타입마다 다른 UI 만들기

2018/09/12 - [프로그래밍/xamarin] - xamarin 강좌 004. 안드로이드, 아이폰, 윈도우, 플랫폼마다 다르게 실행되는 코드 만들기

2018/09/12 - [프로그래밍/xamarin] - xamarin 강좌 003. iOS 빌드를 위한 맥북 설정 - 아이폰 실행화면 보기

2018/09/11 - [프로그래밍/xamarin] - xamarin 강좌 002. xamarin 기본생성 프로젝트의 구조 - 버튼 추가

2018/09/10 - [프로그래밍/xamarin] - xamarin 강좌 001. xamarin의 시작

 

 

 

 

 

[ScrollView 실행 화면]

 

 

xamarin에서 제공해 주는 ScrollView는 아주 간단하게 스크롤 기능을 지원해 주는 layout 입니다.

그냥 스크롤이 필요한 곳에서 앞뒤로 <ScrollView></ScrollView>태그로 감싸주기만 하면 되요.

ScrollView는 1개의 요소만 가질 수 있는 layout이에요.

 

 

아래 ScrollView에 대해 설명한 Xamarin 동영상 강의로 더 자세히 알아보세요.

 

 

 

 

 

소스코드

[공용코드(xa008) 프로젝트]

MainPage.xaml

 

 

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:xa009"
             x:Class="xa009.MainPage">

    <ScrollView>
    <StackLayout>
        <!-- Place new controls here -->
        <Label Text="Welcome to Xamarin.Forms!" HorizontalOptions="Center" BackgroundColor="Green" FontSize="30" />
        <Label Text="Welcome to Xamarin.Forms!" HorizontalOptions="Center" BackgroundColor="Green" FontSize="30" />
        <Label Text="Welcome to Xamarin.Forms!" HorizontalOptions="Center" BackgroundColor="Green" FontSize="30" />
        <Label Text="Welcome to Xamarin.Forms!" HorizontalOptions="Center" BackgroundColor="Green" FontSize="30" />
        <Label Text="Welcome to Xamarin.Forms!" HorizontalOptions="Center" BackgroundColor="Green" FontSize="30" />
        <Label Text="Welcome to Xamarin.Forms!" HorizontalOptions="Center" BackgroundColor="Green" FontSize="30" />
        <Label Text="Welcome to Xamarin.Forms!" HorizontalOptions="Center" BackgroundColor="Green" FontSize="30" />
        <Label Text="Welcome to Xamarin.Forms!" HorizontalOptions="Center" BackgroundColor="Green" FontSize="30" />
        <Label Text="Welcome to Xamarin.Forms!" HorizontalOptions="Center" BackgroundColor="Green" FontSize="30" />
        <Label Text="Welcome to Xamarin.Forms!" HorizontalOptions="Center" BackgroundColor="Green" FontSize="30" />
        <Label Text="Welcome to Xamarin.Forms!" HorizontalOptions="Center" BackgroundColor="Green" FontSize="30" />
        <Label Text="Welcome to Xamarin.Forms!" HorizontalOptions="Center" BackgroundColor="Green" FontSize="30" />
        <Label Text="Welcome to Xamarin.Forms!" HorizontalOptions="Center" BackgroundColor="Green" FontSize="30" />
        <Label Text="Welcome to Xamarin.Forms!" HorizontalOptions="Center" BackgroundColor="Green" FontSize="30" />
        <Label Text="Welcome to Xamarin.Forms!" HorizontalOptions="Center" BackgroundColor="Red" FontSize="30" />
        <Label Text="Welcome to Xamarin.Forms!" HorizontalOptions="Center" BackgroundColor="Red" FontSize="30" />
    </StackLayout>
    </ScrollView>

</ContentPage>