728x90
반응형
728x170
▶ ColorItem.cs
using System.Collections.Generic;
using Windows.UI;
using Windows.UI.Xaml.Media;
namespace TestProject
{
/// <summary>
/// 색상 항목
/// </summary>
public class ColorItem
{
//////////////////////////////////////////////////////////////////////////////////////////////////// Property
////////////////////////////////////////////////////////////////////////////////////////// Public
#region 명칭 - Name
/// <summary>
/// 명칭
/// </summary>
public string Name { get; set; }
#endregion
#region 브러시 - Brush
/// <summary>
/// 브러시
/// </summary>
public Brush Brush { get; set; }
#endregion
//////////////////////////////////////////////////////////////////////////////////////////////////// Method
////////////////////////////////////////////////////////////////////////////////////////// Static
//////////////////////////////////////////////////////////////////////////////// Public
#region 리스트 구하기 - GetList()
/// <summary>
/// 리스트 구하기
/// </summary>
/// <returns>리스트</returns>
public static List<ColorItem> GetList()
{
List<ColorItem> list = new List<ColorItem>();
list.Add(new ColorItem { Name = "Blue" , Brush = new SolidColorBrush(Colors.Blue ) });
list.Add(new ColorItem { Name = "Green", Brush = new SolidColorBrush(Colors.Green) });
list.Add(new ColorItem { Name = "Red" , Brush = new SolidColorBrush(Colors.Red ) });
return list;
}
#endregion
}
}
728x90
▶ MainPage.xaml
<Page x:Class="TestProject.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:TestProject"
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
FontFamily="나눔고딕코딩"
FontSize="16">
<Grid>
<FlipView Name="flipView"
MaxWidth="400"
Height="250"
BorderThickness="1"
BorderBrush="Black">
<FlipView.ItemTemplate>
<DataTemplate x:DataType="local:ColorItem">
<Grid>
<Border Background="{x:Bind Brush}">
<TextBlock
Style="{StaticResource TitleTextBlockStyle}"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Foreground="White"
FontWeight="Bold"
FontSize="30"
Text="{x:Bind Name}" />
</Border>
</Grid>
</DataTemplate>
</FlipView.ItemTemplate>
</FlipView>
</Grid>
</Page>
300x250
▶ MainPage.xaml.cs
using Windows.Foundation;
using Windows.Graphics.Display;
using Windows.UI.ViewManagement;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
namespace TestProject
{
/// <summary>
/// 메인 페이지
/// </summary>
public sealed partial class MainPage : Page
{
//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
////////////////////////////////////////////////////////////////////////////////////////// Public
#region 생성자 - MainPage()
/// <summary>
/// 생성자
/// </summary>
public MainPage()
{
InitializeComponent();
#region 윈도우 크기를 설정한다.
double width = 800d;
double height = 600d;
double dpi = (double)DisplayInformation.GetForCurrentView().LogicalDpi;
ApplicationView.PreferredLaunchWindowingMode = ApplicationViewWindowingMode.PreferredLaunchViewSize;
Size windowSize = new Size(width * 96d / dpi, height * 96d / dpi);
ApplicationView.PreferredLaunchViewSize = windowSize;
Window.Current.Activate();
ApplicationView.GetForCurrentView().TryResizeView(windowSize);
#endregion
#region 윈도우 제목을 설정한다.
ApplicationView.GetForCurrentView().Title = "FlipView 엘리먼트 : ItemTemplate 속성 사용하기";
#endregion
this.flipView.ItemsSource = ColorItem.GetList();
}
#endregion
}
}
728x90
반응형
그리드형(광고전용)
'C# > UWP' 카테고리의 다른 글
[C#/UWP] ListBox 엘리먼트 : SelectionChanged 이벤트 사용하기 (0) | 2021.06.22 |
---|---|
[C#/UWP] GridView 엘리먼트 사용하기 (0) | 2021.06.22 |
[C#/UWP] GridView 엘리먼트 : 커스텀 레이아웃 설정하기 (0) | 2021.06.21 |
[C#/UWP] GridView 엘리먼트 : ItemTemplate 속성 사용하기 (0) | 2021.06.21 |
[C#/UWP] FlipView 엘리먼트 : ItemsPanel 속성을 사용해 수직 플립 뷰 만들기 (0) | 2021.06.21 |
[C#/UWP] FlipView 엘리먼트 사용하기 (0) | 2021.06.21 |
[C#/UWP] ToggleSwitch 엘리먼트 : OnContent/OffContent 속성 사용하기 (0) | 2021.06.21 |
[C#/UWP] Slider 엘리먼트 사용하기 (0) | 2021.06.21 |
[C#/UWP] RatingControl 엘리먼트 : PlaceholderValue 속성 사용하기 (0) | 2021.06.21 |
[C#/UWP] RatingControl 엘리먼트 사용하기 (0) | 2021.06.21 |
댓글을 달아 주세요