|
| 1 | +<Window xmlns="https://github.com/avaloniaui" |
| 2 | + xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
| 3 | + xmlns:vm="using:task4._4.ViewModels" |
| 4 | + xmlns:d="http://schemas.microsoft.com/expression/blend/2008" |
| 5 | + xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" |
| 6 | + mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450" |
| 7 | + x:Class="task4._4.Views.MainWindow" |
| 8 | + x:DataType="vm:MainWindowViewModel" |
| 9 | + Icon="/Assets/avalonia-logo.ico" |
| 10 | + Title="Lorem ipsum" |
| 11 | + Width="1280" |
| 12 | + Height="800" |
| 13 | + CanResize="False"> |
| 14 | + |
| 15 | + <Window.Styles> |
| 16 | + <Style Selector="TextBlock"> |
| 17 | + <Setter Property="Margin" Value="0,10,20,10"></Setter> |
| 18 | + <Setter Property="Padding" Value="5,0"></Setter> |
| 19 | + <Setter Property="FontSize" Value="16"></Setter> |
| 20 | + <Setter Property="FontWeight" Value="Medium"></Setter> |
| 21 | + </Style> |
| 22 | + |
| 23 | + <Style Selector="StackPanel"> |
| 24 | + <Setter Property="Margin" Value="12"></Setter> |
| 25 | + </Style> |
| 26 | +</Window.Styles> |
| 27 | + |
| 28 | +<Window.Resources> |
| 29 | + <ResourceDictionary> |
| 30 | + <Color x:Key="PrimaryColor">#212121</Color> |
| 31 | + <Color x:Key="SecondaryColor">#333333</Color> |
| 32 | + <Color x:Key="LightBlueColor">#66CCCC</Color> |
| 33 | + <Color x:Key="OrangeColor">#FFC080</Color> |
| 34 | + <Color x:Key="GreenColor">#33CC33</Color> |
| 35 | + <Color x:Key="PinkColor">#FF69B4</Color> |
| 36 | + <Color x:Key="BlueColor">#0099CC</Color> |
| 37 | + <Color x:Key="YellowColor">#FFFF66</Color> |
| 38 | + <Color x:Key="RedColor">#FF0000</Color> |
| 39 | + </ResourceDictionary> |
| 40 | +</Window.Resources> |
| 41 | + |
| 42 | + <Grid ShowGridLines="False" |
| 43 | + RowDefinitions="auto,*,auto" |
| 44 | + ColumnDefinitions="950,310" |
| 45 | + Background="{StaticResource PrimaryColor}"> |
| 46 | + |
| 47 | + <DockPanel Grid.Row="0" |
| 48 | + Grid.ColumnSpan="5" |
| 49 | + Background="{StaticResource SecondaryColor}"> |
| 50 | + |
| 51 | + <TextBlock Foreground="{StaticResource LightBlueColor}">Home</TextBlock> |
| 52 | + <TextBlock Foreground="{StaticResource OrangeColor}">About</TextBlock> |
| 53 | + <TextBlock Foreground="{StaticResource GreenColor}">Blogs's Main Topic 1</TextBlock> |
| 54 | + <TextBlock Foreground="{StaticResource PinkColor}">Blogs's Main Topic 2</TextBlock> |
| 55 | + <TextBlock Foreground="{StaticResource BlueColor}">Blogs's Main Topic 3</TextBlock> |
| 56 | + <TextBlock Foreground="{StaticResource YellowColor}">Associated blogs</TextBlock> |
| 57 | + <TextBlock Foreground="{StaticResource RedColor}" |
| 58 | + Margin="0,10,40,10" |
| 59 | + DockPanel.Dock="Right" |
| 60 | + TextAlignment="Right">RSS</TextBlock> |
| 61 | + </DockPanel> |
| 62 | + |
| 63 | + <StackPanel Orientation="Vertical" |
| 64 | + Grid.Column="0" |
| 65 | + Grid.Row="1"> |
| 66 | + |
| 67 | + <TextBlock TextAlignment="Left" Margin="0, 0, 0, 15">Article 1</TextBlock> |
| 68 | + <TextBlock TextWrapping="Wrap"> |
| 69 | + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at libero in risus ultrices faucibus sed vitae est. Pellentesque in orci hendrerit, lacinia odio et, pellentesque mauris. Nullam consectetur lacinia commodo. Cras ullamcorper urna facilisis sapien finibus sollicitudin. Aliquam bibendum fringilla nunc vel efficitur. Vestibulum interdum elit tellus, sed fringilla quam ultrices in. Cras non mi molestie, porta ante at, condimentum purus. |
| 70 | + Sed ut eros a leo tincidunt porttitor. Maecenas consequat eget massa et tempus. Curabitur ultricies consequat risus quis viverra. Donec in neque ligula. Nunc imperdiet, velit non euismod interdum, quam libero maximus mi, ac bibendum orci libero ut erat. Phasellus tincidunt maximus dui at malesuada. Sed vitae urna at orci malesuada congue vitae sit amet purus. Aliquam nisi nibh, ornare ultrices sagittis vel, pellentesque ac lorem. Duis posuere dictum elit, a mollis metus eleifend vitae. Nam suscipit arcu non tincidunt sodales. Aliquam vitae urna nec velit consequat dignissim. Nullam tristique arcu vel dictum laoreet. Sed fringilla est magna, sed malesuada diam tincidunt ut. |
| 71 | + Donec congue est quam, nec efficitur lorem mattis varius. Proin feugiat elit ut quam sagittis, ac volutpat erat aliquam. Vestibulum ultricies erat ut elit rutrum, id lobortis urna vehicula. Maecenas euismod ornare ante eget imperdiet. Nunc placerat pretium ultricies. Maecenas vehicula, massa ut aliquam facilisis, orci sapien pharetra nisi, quis dapibus quam sem in odio. Suspendisse placerat tortor id convallis congue. Curabitur dapibus finibus leo, at suscipit arcu porta sit amet. Sed facilisis neque a mi maximus efficitur. |
| 72 | + Praesent sed sapien felis. Vivamus et tellus nibh. Ut vestibulum nulla sed dolor egestas venenatis. Proin vestibulum blandit iaculis. |
| 73 | + </TextBlock> |
| 74 | + <Image Height="320" Width="280" Source="{Binding ImagePath}"></Image> |
| 75 | + </StackPanel> |
| 76 | + |
| 77 | + <StackPanel Orientation="Vertical" |
| 78 | + Grid.Column="1" |
| 79 | + Grid.Row="1"> |
| 80 | + |
| 81 | + <TextBlock TextWrapping="Wrap" Margin="0, 42, 0, 0"> |
| 82 | + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at libero in risus ultrices faucibus sed vitae est. Pellentesque in orci hendrerit, lacinia odio et, pellentesque mauris. Nullam consectetur lacinia commodo. Cras ullamcorper urna facilisis sapien finibus sollicitudin. Aliquam bibendum fringilla nunc vel efficitur... |
| 83 | + </TextBlock> |
| 84 | + <TextBlock TextAlignment="Right" TextDecorations="Underline" Margin="0, 0, 0, 0">More</TextBlock> |
| 85 | + <TextBlock TextAlignment="Right" Margin="0, 5, 0, 0"> Yesterday </TextBlock> |
| 86 | + |
| 87 | + <TextBlock TextWrapping="Wrap"> |
| 88 | + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at libero in risus ultrices faucibus sed vitae est. Pellentesque in orci hendrerit, lacinia odio et, pellentesque mauris. Nullam consectetur lacinia commodo. Cras ullamcorper urna facilisis sapien finibus sollicitudin. Aliquam bibendum fringilla nunc vel efficitur... |
| 89 | + </TextBlock> |
| 90 | + <TextBlock TextAlignment="Right" TextDecorations="Underline" Margin="0, 0, 0, 0">More</TextBlock> |
| 91 | + <TextBlock TextAlignment="Right" Margin="0, 5, 0, 0">1 week ago</TextBlock> |
| 92 | + |
| 93 | + </StackPanel> |
| 94 | + |
| 95 | + <DockPanel Grid.Row="2" |
| 96 | + Grid.Column="0" |
| 97 | + DockPanel.Dock="Bottom" |
| 98 | + Background="{StaticResource SecondaryColor}"> |
| 99 | + |
| 100 | + <TextBlock Padding="2,0" Foreground="{StaticResource LightBlueColor}" |
| 101 | + VerticalAlignment="Center" |
| 102 | + Margin="0,10,10,10">Tags:</TextBlock> |
| 103 | + <TextBlock Padding="2,0" Foreground="{StaticResource OrangeColor}" |
| 104 | + VerticalAlignment="Center" |
| 105 | + Margin="0,10,8,10">Tag 1 Tag 2 Tag 3 Tag 4</TextBlock> |
| 106 | + |
| 107 | + <StackPanel DockPanel.Dock="Right" |
| 108 | + Orientation="Horizontal" |
| 109 | + HorizontalAlignment="Right" |
| 110 | + VerticalAlignment="Center"> |
| 111 | + <TextBlock Padding="2,0" Foreground="{StaticResource YellowColor}" |
| 112 | + Margin="0,10,20,10">Rate this article</TextBlock> |
| 113 | + <ComboBox Margin="0, 0, 0, 0" Padding="0" FontSize="14"> |
| 114 | + <ComboBoxItem>1</ComboBoxItem> |
| 115 | + <ComboBoxItem>2</ComboBoxItem> |
| 116 | + <ComboBoxItem>3</ComboBoxItem> |
| 117 | + <ComboBoxItem>4</ComboBoxItem> |
| 118 | + <ComboBoxItem>5</ComboBoxItem> |
| 119 | + </ComboBox> |
| 120 | + </StackPanel> |
| 121 | + </DockPanel> |
| 122 | + </Grid> |
| 123 | + |
| 124 | +</Window> |
0 commit comments