[XAMARIN] Label 사용방법

2019. 5. 19. 23:11IT/C#

윈도우 같은 GUI 프로그래밍 언어를 배울때 항상 Label을 먼저 배우는것 같다.

아무래도 사용법이 간단하고 바로 화면에 표시 할 수 있으니까...그런것 같다.

특히 네이버 Xamarin cafe에 등업 신청하려면 Label에 자기 아이디를 표시해야 되는 과제가 있으므로 꼭 거쳐야 하는 관문이기도 하다.

사용법은 아래와 같이 사용. WPF와 다르지 않음.

Margin : Left, Top, Right, Bottom 의 마진값(여백)
HorizontalOptions : 수평정렬
VerticalOptions : 수직정렬
TextColor : 글자색
BackgroundColor : 글자 배경색
FontSize : 글자크기
FontAttributes : 보통(None), 진하게(Blod), 이탤릭(Italic)

 

<?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:Label" x:Class="Label.MainPage">
    <StackLayout>
        <!-- Place new controls here -->
        <Label 
            x:Name="lblTest"
            Text="레이블 테스트, Label Test!!" 
            Margin="10,10,10,10"
            HorizontalOptions="Center" 
            VerticalOptions="Center" 
            TextColor="Red"
            BackgroundColor="Yellow"
            FontSize="20"
            FontAttributes="Bold, Italic"
        />
    </StackLayout>
</ContentPage>

 

<?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:Label" x:Class="Label.MainPage">
    
        <!-- Place new controls here -->
        
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition />
                <RowDefinition />
            </Grid.RowDefinitions>
            
            <Label 
            x:Name="lable1"
            Grid.Row="0"
            Text="레이블 테스트1, Label Test1!!" 
            Margin="10,10,10,10"
            HorizontalOptions="Center" 
            VerticalOptions="Center" 
            TextColor="Red"
            BackgroundColor="Yellow"
            FontSize="20"
            FontAttributes="Bold, Italic"
            />
            
            <Label 
            x:Name="lable2"
            Grid.Row="1"
            Text="레이블 테스트2, Label Test2!!" 
            Margin="10,10,10,10"
            HorizontalTextAlignment="Center" 
            VerticalTextAlignment="Center"
            TextColor="Red"
            BackgroundColor="Aqua"
            FontSize="20"
            FontAttributes="Bold, Italic"
            />
            
        </Grid>
</ContentPage>