[더지니어스 흑과백2]#1 - 게임설명/XML UI구성

흑과백2게임설명

http://bakerstreet.tistory.com/15

간단하게 링크로 준비했습니다ㅇㅅㅇ(귀찮은건 비밀..)

만들게된 계기

비트고급과정에서 WPF를 배우고 있는데 이걸 따로 개인적으로 응용해보면 좀 더 많은걸 알게되지 않을까 하는생각에 해보게 되었습니다

슬슬 현재 듣고있는 비트교육센터에서도 곧 프로젝트기간이라서 그전에 GitHub를 이용하는데 익숙해지는 것도 연습할겸 깃허브와도 연동을 시킬 계획이고 현재 배우고 있는 데이터바인딩을 적극적으로 활용할 생각입니다

UI구성

디자인은 이렇게 되어있습니다

단순히 제가 연습하기 위해 만든 프로젝트라서 심플하게 짰고요 에코서버를 만들어서 다른컴퓨터와 통신이 가능하도록 할까 생각도 했지만 공부하려는 목적을 고려해서 일단 한 컴퓨터로 번갈아면서 게임을 하도록 짰습니다

추후에 이 프로젝트에 애정이 생긴다면 UI를 좀 더 화려하게 구성하도록 할 계획도 있습니다

XMAL코드

<Window x:Class="WPFBlackAndWhite_ver2.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:WPFBlackAndWhite_ver2" mc:Ignorable="d" Title="BlackAndWhite2" Height="600" Width="1200" MinHeight="600" MinWidth="1200" MaxHeight="600" MaxWidth="1200" Background="Beige"> <Canvas> <TextBlock Height="100" Canvas.Left="50" Canvas.Top="50" Width="100" Text="A" FontSize="50" TextAlignment="Center" Background="Wheat"/> <TextBlock Height="100" Canvas.Right="50" Canvas.Top="50" Width="100" Text="B" FontSize="50" TextAlignment="Center" Background="Wheat"/> <StackPanel Height="300" Canvas.Left="25" Canvas.Top="200" Width="150"> <TextBlock Height="60" Background="Bisque" TextAlignment="Center" FontSize="30" Text="80 ~ 99"></TextBlock> <TextBlock Height="60" Background="Azure" TextAlignment="Center" FontSize="30" Text="60 ~ 79"></TextBlock> <TextBlock Height="60" Background="Bisque" TextAlignment="Center" FontSize="30" Text="40 ~ 59"></TextBlock> <TextBlock Height="60" Background="Azure" TextAlignment="Center" FontSize="30" Text="20 ~ 39"></TextBlock> <TextBlock Height="60" Background="Bisque" TextAlignment="Center" FontSize="30" Text="0 ~ 19"></TextBlock> </StackPanel> <StackPanel Height="300" Canvas.Right="25" Canvas.Top="200" Width="150"> <TextBlock Height="60" Background="Bisque" TextAlignment="Center" FontSize="30" Text="80 ~ 99"></TextBlock> <TextBlock Height="60" Background="Azure" TextAlignment="Center" FontSize="30" Text="60 ~ 79"></TextBlock> <TextBlock Height="60" Background="Bisque" TextAlignment="Center" FontSize="30" Text="40 ~ 59"></TextBlock> <TextBlock Height="60" Background="Azure" TextAlignment="Center" FontSize="30" Text="20 ~ 39"></TextBlock> <TextBlock Height="60" Background="Bisque" TextAlignment="Center" FontSize="30" Text="0 ~ 19"></TextBlock> </StackPanel> <StackPanel Height="100" Canvas.Left="200" Canvas.Top="300" Width="100"> <TextBox Height="50"/> <Button Height="50" Content="Attack"/> </StackPanel> <StackPanel Height="100" Canvas.Right="200" Canvas.Top="300" Width="100"> <TextBox Height="50"/> <Button Height="50" Content="Attack"/> </StackPanel> <StackPanel Background="FloralWhite" Height="300" Width="400" Canvas.Top="50" Canvas.Left="400"> <TextBlock Height="60" Text="-Round-" TextAlignment="Center" FontSize="30"/> <TextBlock Height="60" Text="Score" TextAlignment="Center" FontSize="30"/> <TextBlock Height="60" Text="BlackAndWhite" TextAlignment="Center" FontSize="30"/> <TextBlock Height="60" Text="Turn" TextAlignment="Center" FontSize="30"/> <Button Content="Accept" Height="60" Width="200" FontSize="20"/> </StackPanel> </Canvas> </Window>

짜여진 코드입니다 아직 C#코드는 건든게 없기 때문에 각 요소들의 ID는 설정하지 않았습니다

그럼 추후에 C#으로 코드 구현이 완성된 뒤에 포스팅으로 뵙도록 하겠습니다