반응형
QusetionPage.ux
<Panel ux:Class="QuestionPage">
<Router ux:Dependency="router" />
<Panel Width="42" Height="42" Alignment="TopLeft" Margin="15" Clicked="{gotoLogin}">
<DockPanel>
<StackPanel Margin="0,9,0,0">
<Rectangle Width="2" Height="15" Color="main" X="18" >
<Rotation Degrees="45"/>
</Rectangle>
<Rectangle Width="2" Height="15" Color="main" X="18" Y="-5" >
<Rotation Degrees="135"/>
</Rectangle>
</StackPanel>
<Circle Color="#fff" />
</DockPanel>
</Panel>
<StackPanel Margin="0,100,0,0" >
<ExBold Value="어디서 식사를 할 예정이신가요 ?" Color="sub" Alignment="Center" FontSize="23" />
<StackPanel Orientation="Horizontal" Alignment="Center" ItemSpacing="70" Margin="0,80,0,0">
<Circle Width="90" Height="90" Color="main" Clicked="{gotoQuestion2}">
<SemiBold Value="집" Color="#fff" Alignment="Center" FontSize="20"/>
</Circle>
<Circle Width="90" Height="90" Color="main" Clicked="{gotoQuestion2}">
<SemiBold Value="주변 식당" Color="#fff" Alignment="Center" FontSize="20"/>
</Circle>
</StackPanel>
<StackPanel Orientation="Horizontal" Alignment="Center" ItemSpacing="70" Margin="0,80,0,0">
<Circle Width="90" Height="90" Color="main" Clicked="{gotoQuestion2}">
<SemiBold Value="야외" Color="#fff" Alignment="Center" FontSize="20"/>
</Circle>
<Circle Width="90" Height="90" Color="main" Clicked="{gotoQuestion2}">
<SemiBold Value="맛집 찾기" Color="#fff" Alignment="Center" FontSize="20"/>
</Circle>
</StackPanel>
<Circle Width="900" Height="900" Color="sub" Alignment="Top" Y="70"/>
</StackPanel>
</Panel>
SearchPage.ux
<Panel ux:Class="SearchPage">
<Router ux:Dependency="router" />
<DockPanel>
<BackButton />
<StackPanel Margin="0,230,0,0" ItemSpacing="40">
<Bold Value="COOKEAT SEARCH" FontSize="20" Alignment="Center" Color="main" />
<Panel>
<Panel Width="35" Height="35" X="280" Clicked="{gotoList}" >
<Image Width="30" Height="30" File="../Assets/search.png" Alignment="Right" Color="color3" />
</Panel>
<Rectangle Width="296" Height="56" CornerRadius="30" Color="#fff" >
<TextInput Margin="20,0,0,0" Alignment="Left" PlaceholderText="검색어를 입력해주세요. ex) 홍대 맛집" PlaceholderColor="Gray" TextColor="Black" CaretColor="Gray" FontSize="12" />
</Rectangle>
<Rectangle Width="300" Height="60" CornerRadius="30" Color="#ff2929" />
</Panel>
</StackPanel>
</DockPanel>
</Panel>
SelectPage.ux
<Panel ux:Class="SelectPage">
<Router ux:Dependency="router" />
<BackButtonL />
<Panel ux:Class="Answer" Clicked="{gotoAdd}">
<SemiBold Value="네 !" Alignment="Center" FontSize="19" TextColor="main" />
<Rectangle Width="130" Height="130" Color="#fff" CornerRadius="10" />
<Rectangle Width="132" Height="132" Color="main" CornerRadius="10" >
<DropShadow Distance="1" Spread="0.3" Size="15" Color="#00000018" Angle="90" />
</Rectangle>
</Panel>
<StackPanel Orientation="Horizontal" ItemSpacing="30" Alignment="Center" Y="100">
<Panel>
<SemiBold Value="아니요 !" Alignment="Center" FontSize="19"/>
<Rectangle Width="130" Height="130" Color="#fff" CornerRadius="10" />
<Rectangle Width="132" Height="132" Color="color3" CornerRadius="10" Clicked="{gotoList}">
<DropShadow Distance="1" Spread="0.3" Size="15" Color="#00000018" Angle="90" />
</Rectangle>
</Panel>
<Answer />
</StackPanel>
<StackPanel>
<ExBold Value="생각해 놓은 메뉴가 있나요 ?" Color="#fff" Alignment="Center" FontSize="25" Y="130" />
<Circle Width="700" Height="700" Color="main" Alignment="Top" Y="-400"/>
</StackPanel>
<DockPanel ux:Class="BackButtonL">
<Panel Width="42" Height="42" Alignment="TopLeft" Margin="15" Clicked="{gotoLogin}">
<DockPanel>
<StackPanel Margin="0,9,0,0">
<Rectangle Width="2" Height="15" Color="#fff" X="18" >
<Rotation Degrees="45"/>
</Rectangle>
<Rectangle Width="2" Height="15" Color="#fff" X="18" Y="-5" >
<Rotation Degrees="135"/>
</Rectangle>
</StackPanel>
<Circle Color="main" />
</DockPanel>
</Panel>
<FooterMenu Dock="Bottom" />
</DockPanel>
</Panel>
SettingPage.ux
<Panel ux:Class="SettingPage">
<Router ux:Dependency="router" />
<ClientPanel>
<Grid Columns="auto,1*,auto" Height="50" Dock="Top" Margin="5">
<Grid ColumnCount="1" RowCount="3" Width="22" Height="22" Margin="10">
<Each Count="3">
<Rectangle Margin="1.5" Width="22" Height="2" Color="color4" />
</Each>
</Grid>
<ExBold ux:Name="titleText" Value="COOKEAT" Color="main" FontSize="25" Alignment="Center"/>
</Grid>
<!-- snippet-begin:TabBar -->
<Panel ux:Name="mainMenuBar" Dock="Top" Height="450" >
<Rectangle ux:Name="indicator" CornerRadius="30" Color="main" LayoutMaster="p1" Margin="0,10" Width="100%" ZOffset="0.1"/>
<Grid ColumnCount="5" Margin="-30,0">
<Panel ux:Name="p1" Column="0" ColumnSpan="2"/>
<Panel ux:Name="p4" Column="3" ColumnSpan="2"/>
</Grid>
<Grid ZOffset="1" Margin="-20,0">
<Column ux:Name="col1" Width="1" WidthMetric="Proportion"/>
<Column ux:Name="col2" Width="1" WidthMetric="Proportion"/>
<Column ux:Name="col3" Width="1" WidthMetric="Proportion"/>
<Column ux:Name="col4" Width="1" WidthMetric="Proportion"/>
<Text ux:Class="TabHeader" Color="White" Alignment="CenterLeft" Opacity="0" Margin="20,0,0,0" MinWidth="100"/>
<Image ux:Class="TabIcon" Width="25" Height="25" />
<Panel HitTestMode="LocalBounds">
<Grid Columns="auto,1*" Margin="40,0" Alignment="Left">
<TabHeader ux:Name="h1" Value="Menu?" />
</Grid>
<Clicked>
<Set nav.Active="page1" />
</Clicked>
</Panel>
<Panel HitTestMode="LocalBounds">
<Grid Columns="auto,1*" Margin="30,0" Alignment="Left">
<TabHeader ux:Name="h2" Value="Places"/>
</Grid>
<Clicked>
<Set nav.Active="page2" />
</Clicked>
</Panel>
<Panel HitTestMode="LocalBounds">
<Grid Columns="auto,1*" Margin="30,0" Alignment="Left">
<TabHeader ux:Name="h3" Value="Reviews"/>
</Grid>
<Clicked>
<Set nav.Active="page3" />
</Clicked>
</Panel>
<Panel HitTestMode="LocalBounds">
<Grid Columns="auto,1*" Margin="30,0" Alignment="Left">
<TabHeader ux:Name="h4" Value="User"/>
</Grid>
<Clicked>
<Set nav.Active="page4" />
</Clicked>
</Panel>
</Grid>
</Panel>
<!-- snippet-end -->
<!-- snippet-begin:PageControl -->
<PageControl ux:Name="nav">
<NavigationMotion GotoEasing="BackOut" />
<Attractor ux:Name="indicatorColorAttractor" Target="indicator.Color" Value="main" />
<Rectangle ux:Name="bgColor" Layer="Background" Color="main" Opacity="0.12"/>
<Attractor ux:Name="bgColorAttractor" Target="bgColor.Color" Value="main" />
<Attractor ux:Name="titleTextAttractor" Target="titleText.Color" Value="main" />
<WhileTrue ux:Name="shrinkIndicatorWidth">
<Change indicator.Width="90" Duration="0.25"/>
</WhileTrue>
<Image ux:Class="PagePlaceholder" Margin="8,10,8,0" StretchMode="UniformToFill" ContentAlignment="Top"/>
<Page ux:Name="page1">
<WhileActive Threshold="0.5">
<Set shrinkIndicatorWidth.Value="false" />
<Set indicatorColorAttractor.Value="main" />
<Set bgColorAttractor.Value="main" />
<Set titleTextAttractor.Value="main" />
</WhileActive>
<ActivatingAnimation>
<Change h1.Opacity="1" />
<Change col1.Width="2" />
</ActivatingAnimation>
</Page>
<Page ux:Name="page2">
<WhileActive Threshold="0.5">
<Set shrinkIndicatorWidth.Value="true" />
<Set indicatorColorAttractor.Value="mainDeep" />
<Set bgColorAttractor.Value="mainDeep" />
<Set titleTextAttractor.Value="mainDeep" />
</WhileActive>
<ActivatingAnimation>
<Change h2.Opacity="1" />
<Change col2.Width="2" />
</ActivatingAnimation>
</Page>
<Page ux:Name="page3">
<WhileActive Threshold="0.5">
<Set shrinkIndicatorWidth.Value="true" />
<Set indicatorColorAttractor.Value="mainDeep" />
<Set bgColorAttractor.Value="mainDeep" />
<Set titleTextAttractor.Value="mainDeep" />
</WhileActive>
<ActivatingAnimation>
<Change h3.Opacity="1" />
<Change col3.Width="2" />
</ActivatingAnimation>
</Page>
<Page ux:Name="page4">
<WhileActive Threshold="0.5">
<Set shrinkIndicatorWidth.Value="false" />
<Set indicatorColorAttractor.Value="sub" />
<Set bgColorAttractor.Value="sub" />
<Set titleTextAttractor.Value="sub" />
</WhileActive>
<ActivatingAnimation Scale="0.333">
<Move Target="indicator" X="1" RelativeTo="PositionOffset" RelativeNode="p4"/>
</ActivatingAnimation>
<ActivatingAnimation>
<Change h4.Opacity="1" />
<Change col4.Width="2" />
</ActivatingAnimation>
</Page>
</PageControl>
<!-- snippet-end -->
</ClientPanel>
</Panel>
ShowPage.ux
<Panel ux:Class="ShowPage">
<Router ux:Dependency="router" />
<BackButtonL />
<StackPanel>
<ExBold Value="오늘 메뉴는 ! " Alignment="Center" FontSize="25" Color="sub" Margin="0,100,0,0" />
<ExBold Value="삼 겹 살 " Alignment="Center" FontSize="30" Color="main" Margin="0,10,0,0" />
<Card Name="맛집 찾아 보기" NamePic="Assets/Name1.png" Cover="Assets/dish1.jpg" Reviews="614" Margin="0,50,0,0" Clicked="{gotoInfo}" />
</StackPanel>
<Panel Alignment="Bottom" Y="-80" Clicked="{gotoLogin}">
<SemiBold Value="돌아가기" FontSize="17" Alignment="Center" Color="#fff" />
<Rectangle Width="250" Height="60" Color="main" CornerRadius="30"/>
</Panel>
</Panel>
UserPage.ux
<Panel ux:Class="UserPage">
<Router ux:Dependency="router" />
<DockPanel>
<UserMenu Dock="Bottom" />
<Panel Background="#eeef">
<Fuse.iOS.StatusBarConfig ux:Name="statusBarConfig" Style="Dark"/>
<Panel>
<MultiLayoutPanel ux:Name="headerPanel" HitTestMode="None" Alignment="Top" Height="250">
<Placeholder ux:Name="overBackgroundLayout">
<Image ux:Name="facePicture" File="../Assets/avatarhome.png" Alignment="BottomCenter"
Width="120" Height="150" Offset="0,75"/>
</Placeholder>
<StackPanel ux:Name="textPanel" Alignment="Center" >
<StatusBarBackground />
<Image ux:Name="best" File="../Assets/best.png" X="-15" Y="30" Width="40" Height="40"/>
<DockPanel >
<Rectangle ux:Name="bottomText" Color="#ff2929" Width="120" Height="20" Alignment="Center" CornerRadius="30" Y="5">
<Regular FontSize="14" Value="Best Reviewer" Alignment="TopCenter" Color="#fff"/>
</Rectangle>
<Rectangle ux:Name="topRectangle" Color="White" Width="150" Height="40" CornerRadius="30" Dock="Bottom">
<Regular ux:Name="topText" FontSize="15" Value="Lee Jae Keun" Alignment="Center"/>
</Rectangle>
</DockPanel>
</StackPanel>
<Panel ux:Name="backgroundPicture" TransformOrigin="Anchor" Alignment="Top" Anchor="50%,0%" Background="Black">
<Image File="../Assets/background.jpg" StretchMode="UniformToFill" Background="Black"/>
</Panel>
<Placeholder ux:Name="underBackgroundLayout" Target="facePicture"/>
</MultiLayoutPanel>
<ScrollView>
<ScrollingAnimation From="0" To="150">
<Scale Target="facePicture" Factor=".6" Easing="QuadraticInOut" />
<Move Target="facePicture" RelativeTo="Size" Y="-0.8" Easing="QuadraticIn"/>
</ScrollingAnimation>
<ScrollingAnimation From="125" To="0">
<Set headerPanel.LayoutElement="overBackgroundLayout"/>
</ScrollingAnimation>
<ScrollingAnimation From="125" To="170">
<Set headerPanel.LayoutElement="underBackgroundLayout"/>
</ScrollingAnimation>
<ScrollingAnimation From="150" To="1000">
<Move Target="facePicture" Y="-850" Easing="Linear" />
</ScrollingAnimation>
<ScrollingAnimation From="0" To="260">
<Move Target="backgroundPicture" RelativeTo="Size" Y="-0.7" Easing="QuadraticOut"/>
<Move Target="textPanel" RelativeTo="ParentSize" Y="-0.35" Easing="QuadraticOut"/>
<Move Target="bottomText" RelativeTo="ParentSize" Y="-0.3" Easing="QuadraticOut" />
<Change best.Opacity="0"/>
<Change bottomText.Opacity="0" Easing="QuadraticOut"/>
<Change topRectangle.Width="300" />
<Change topRectangle.Height="50"/>
<Change topRectangle.Color="#ff2929"/>
<Change topText.Value="이재근 회원님의 정보관리"/>
<Change topText.Color="White"/>
</ScrollingAnimation>
<ScrollingAnimation From="50" To="250">
<Change statusBarConfig.Style="Light" />
</ScrollingAnimation>
<ScrollingAnimation From="0" To="-1000">
<Scale Target="backgroundPicture" Factor="4" />
<Move Target="facePicture" Y="800"/>
</ScrollingAnimation>
<StackPanel Padding="0,370,0,0" Y="-60">
<StackPanel Orientation="Horizontal" ItemSpacing="20" Margin="0,20,0,30" Alignment="Center">
<StackPanel ItemSpacing="3">
<Icon.Follower Width="20" Height="20" IconColor="sub" Alignment="Center" />
<Regular Value="97 Follower" FontSize="13" />
</StackPanel>
<Rectangle Width="2" Height="40" Color="color3" Opacity="50"/>
<StackPanel ItemSpacing="3">
<Icon.Gallery Width="20" Height="20" IconColor="sub" Alignment="Center" />
<Regular Value="108 Photos" FontSize="13" />
</StackPanel>
</StackPanel>
<StackPanel ItemSpacing="20">
<StackPanel Orientation="Horizontal" Alignment="Center" Margin="0,20,0,0" >
<Rectangle Layer="Background" Color="#fff" Width="400" Height="60"/>
<Image File="../Assets/gift.png" Width="20" Height="20" X="-110" />
<Regular Value="이벤트" FontSize="14" X="-90" Y="3" />
<Regular Value="NEW" FontSize="14" Color="main" X="100" Y="3" />
<Regular Value=">" FontSize="18" X="110" Y="-1" />
</StackPanel>
<StackPanel Orientation="Horizontal" Alignment="Center" Margin="0,50,0,0" >
<Rectangle Layer="Background" Color="#fff" Width="400" Height="60"/>
<Icon.Follower IconColor="#000" Width="20" Height="20" X="-110" />
<Regular Value="내 정보 수정" FontSize="14" X="-90" Y="3" />
<Regular Value=">" FontSize="18" X="110" Y="-1" />
</StackPanel>
<StackPanel Orientation="Horizontal" Alignment="Center" Margin="0,20,0,0" >
<Rectangle Layer="Background" Color="#fff" Width="400" Height="60"/>
<Image File="../Assets/fill.png" Width="27" Height="27" X="-115" />
<Regular Value="마이리스트" FontSize="14" X="-97" Y="3" />
<Regular Value=">" FontSize="18" X="110" Y="-1" />
</StackPanel>
<StackPanel Orientation="Horizontal" Alignment="Center" Margin="0,20,0,0" >
<Rectangle Layer="Background" Color="#fff" Width="400" Height="60"/>
<Icon.Bookmark IconColor="#000" Width="15" Height="20" X="-127" />
<Regular Value="북마크" FontSize="14" X="-104" Y="3" />
<Regular Value=">" FontSize="18" X="130" Y="-1" />
</StackPanel>
<StackPanel Orientation="Horizontal" Alignment="Center" Margin="0,20,0,0" >
<Rectangle Layer="Background" Color="#fff" Width="400" Height="60"/>
<Icon.Ping IconColor="#000" Width="15" Height="20" X="-98" />
<Regular Value="내가 등록한 식당" FontSize="14" X="-73" Y="3" />
<Regular Value=">" FontSize="18" X="100" Y="-1" />
</StackPanel>
<StackPanel Orientation="Horizontal" Alignment="Center" Margin="0,50,0,0" >
<Rectangle Layer="Background" Color="#fff" Width="400" Height="60"/>
<Image File="../Assets/icon.png" Width="20" Height="20" X="-130" />
<Regular Value="메뉴5" FontSize="14" X="-108" Y="3" />
<Regular Value=">" FontSize="18" X="130" Y="-1" />
</StackPanel>
<StackPanel Orientation="Horizontal" Alignment="Center" Margin="0,20,0,0" >
<Rectangle Layer="Background" Color="#fff" Width="400" Height="60"/>
<Image File="../Assets/icon.png" Width="20" Height="20" X="-130" />
<Regular Value="메뉴6" FontSize="14" X="-108" Y="3" />
<Regular Value=">" FontSize="18" X="130" Y="-1" />
</StackPanel>
<StackPanel Orientation="Horizontal" Alignment="Center" Margin="0,20,0,0" >
<Rectangle Layer="Background" Color="#fff" Width="400" Height="60"/>
<Image File="../Assets/icon.png" Width="20" Height="20" X="-130" />
<Regular Value="메뉴7" FontSize="14" X="-108" Y="3" />
<Regular Value=">" FontSize="18" X="130" Y="-1" />
</StackPanel>
<StackPanel Orientation="Horizontal" Alignment="Center" Margin="0,20,0,0" >
<Rectangle Layer="Background" Color="#fff" Width="400" Height="60"/>
<Image File="../Assets/set.png" Width="20" Height="20" X="-133" />
<Regular Value="설정" FontSize="14" X="-110" Y="3" />
<Regular Value=">" FontSize="18" X="134" Y="-1" />
</StackPanel>
<StackPanel Orientation="Horizontal" Alignment="Center" Margin="0,20,0,0" Opacity="0">
<Rectangle Layer="Background" Color="#fff" Width="400" Height="60"/>
<Image File="../Assets/gift.png" Width="20" Height="20" X="-125" />
<Regular Value="이벤트" FontSize="14" X="-105" Y="3" />
<Regular Value=">" FontSize="18" X="125" Y="-1" />
</StackPanel>
</StackPanel>
</StackPanel>
</ScrollView>
</Panel>
</Panel>
</DockPanel>
</Panel>