powered by simpleCommunicator - 2.0.51     © 2025 Programmizd 02
Форумы / WPF, Silverlight [игнор отключен] [закрыт для гостей] / silverlight navigation framework
5 сообщений из 5, страница 1 из 1
silverlight navigation framework
    #37384303
shidlat
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Добрый день уважаемые читатели просьба помоч в следующем вопросе. Созднаю silverlight navigation приложенние, так как оно будет много страничное, а как осуществлять переход в обычном silverlight я так и не понял. Так вот проблемма в том, что крайне не удобно осуществлять разработку таким образом, создав главную страницу и поместив в неё фрейм в котором будут менятся мои xaml странички



я перешел к созданию самих страниц,



все бы хорошо но при компиляци конечный продукт выглядит крайне криво



Хотя как видно из рисунка 2 в дизайнере все вполне ровно, Page состоит из грида в одном столбце фото в другом информация.
Буду рад советам, которые облегчат разработку, ибо подгонять на глаз каждый раз не очень удобно. Спасибо.
...
Рейтинг: 0 / 0
silverlight navigation framework
    #37384309
SeVa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Покажи xaml твоей страницы
...
Рейтинг: 0 / 0
silverlight navigation framework
    #37384319
shidlat
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Эта страничка которая внутри фрейма должна быть
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
140.
141.
142.
143.
144.
145.
146.
147.
148.
149.
150.
151.
152.
153.
154.
155.
156.
157.
158.
159.
160.
161.
162.
163.
164.
165.
166.
167.
168.
169.
170.
171.
172.
173.
174.
175.
176.
177.
178.
179.
180.
181.
182.
183.
184.
185.
186.
187.
188.
189.
190.
191.
192.
193.
194.
195.
196.
197.
198.
199.
200.
201.
202.
203.
204.
205.
206.
207.
208.
209.
210.
211.
212.
213.
214.
215.
216.
217.
218.
219.
220.
221.
222.
223.
224.
225.
226.
227.
228.
229.
230.
231.
232.
233.
234.
235.
236.
<navigation:Page 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:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" x:Class="SilverlightNavigateMuseams.Home" d:DesignWidth="2236" Title="Домашняя страница" mc:Ignorable="d" Style="{StaticResource PageStyle}" Height="763">
	<navigation:Page.Resources>
		<Style x:Key="ButtonStyle1" TargetType="Button">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<Grid>
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="MouseOver">
										<Storyboard>
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse1" Storyboard.TargetProperty="(UIElement.Opacity)">
												<EasingDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0.1"/>
											</DoubleAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Pressed">
										<Storyboard>
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(Shape.StrokeThickness)">
												<EasingDoubleKeyFrame KeyTime="00:00:00.1000000" Value="6"/>
											</DoubleAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse1" Storyboard.TargetProperty="(FrameworkElement.Margin)">
												<DiscreteObjectKeyFrame KeyTime="00:00:00.1000000">
													<DiscreteObjectKeyFrame.Value>
														<Thickness>2,2,3,4</Thickness>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse1" Storyboard.TargetProperty="(UIElement.Opacity)">
												<EasingDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0.1"/>
											</DoubleAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Disabled">
										<Storyboard>
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="ellipse1" Storyboard.TargetProperty="(UIElement.Opacity)">
												<EasingDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
											</DoubleAnimationUsingKeyFrames>
										
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(Shape.StrokeThickness)">
												<EasingDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
											</DoubleAnimationUsingKeyFrames>
										
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
								<VisualStateGroup x:Name="FocusStates">
									<VisualState x:Name="Focused"/>
									<VisualState x:Name="Unfocused"/>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Grid.RowDefinitions>
								<RowDefinition Height="0.08*"/>
								<RowDefinition Height="0.84*"/>
								<RowDefinition Height="0.08*"/>
							</Grid.RowDefinitions>
							<Grid.ColumnDefinitions>
								<ColumnDefinition Width="0.08*"/>
								<ColumnDefinition Width="0.84*"/>
								<ColumnDefinition Width="0.08*"/>
							</Grid.ColumnDefinitions>
							<Ellipse Grid.ColumnSpan="3" Grid.RowSpan="3" Margin="1,1,1,1" Stroke="#FF8C8C8C">
								<Ellipse.Fill>
									<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
										<GradientStop Color="#FF343434" Offset="0.63"/>
										<GradientStop Color="#FFFFFFFF" Offset="0.158"/>
										<GradientStop Color="#FFB3B3B3" Offset="1"/>
										<GradientStop Color="#FFE0E0E0" Offset="0"/>
									</LinearGradientBrush>
								</Ellipse.Fill>
							</Ellipse>
							<Grid Grid.Column="1" Grid.ColumnSpan="1" Grid.Row="1" Grid.RowSpan="1">
								<Grid.RowDefinitions>
									<RowDefinition Height="0.033*"/>
									<RowDefinition Height="0.6*"/>
									<RowDefinition Height="0.367*"/>
								</Grid.RowDefinitions>
								<Grid.ColumnDefinitions>
									<ColumnDefinition Width="0.114*"/>
									<ColumnDefinition Width="0.772*"/>
									<ColumnDefinition Width="0.114*"/>
								</Grid.ColumnDefinitions>
								<Ellipse StrokeThickness="2" VerticalAlignment="Stretch" Grid.ColumnSpan="3" Grid.RowSpan="3" x:Name="ellipse" Fill="{TemplateBinding Background}">
									<Ellipse.Stroke>
										<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
											<GradientStop Color="#FF6A6A6A" Offset="0"/>
											<GradientStop Color="#FFFFFFFF" Offset="0.482"/>
											<GradientStop Color="#FF515151" Offset="1"/>
										</LinearGradientBrush>
									</Ellipse.Stroke>
								</Ellipse>
								<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" Grid.ColumnSpan="3" Grid.RowSpan="3"/>
								<Ellipse Stroke="#FF000000" StrokeThickness="0" HorizontalAlignment="Stretch" Margin="0,0,0,0" VerticalAlignment="Stretch" Width="Auto" Height="Auto" Grid.Column="1" Grid.Row="1" x:Name="ellipse1">
									<Ellipse.Fill>
										<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
											<GradientStop Color="#D8FFFFFF" Offset="0"/>
											<GradientStop Color="#15FFFFFF" Offset="0.845"/>
										</LinearGradientBrush>
									</Ellipse.Fill>
								</Ellipse>
							</Grid>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
			<Setter Property="FontSize" Value="18.667"/>
		</Style>
	</navigation:Page.Resources>

    <Grid x:Name="LayoutRoot">
    	<Grid.ColumnDefinitions>
    		<ColumnDefinition Width="0.525*"/>
    		<ColumnDefinition Width="0.475*"/>
    	</Grid.ColumnDefinitions>
    	<Image Grid.Column="1" Margin="-4,8,4,27" Source="/SilverlightNavigateMuseams;component/Image/pergament.jpg" Stretch="Fill"/>
    	<Image Margin="0,8" Source="/SilverlightNavigateMuseams;component/Image/MuseamFoto.jpg" Stretch="Fill" HorizontalAlignment="Left" Width="1166"/>
    	<Rectangle Height="80" Margin="0,8,0,0" Stroke="#FFFFFFFF" StrokeThickness="0" StrokeLineJoin="Round" VerticalAlignment="Top" Fill="#FF450707" Opacity="0.76" RenderTransformOrigin="0.5,0.5" Grid.Column="1"/>
    	<sdk:Label Margin="353,1,270,0" FontSize="48" FontFamily="Arial Rounded MT Bold" Content="Информация" BorderThickness="21,0,0,0" FontWeight="Bold" Height="64" VerticalAlignment="Top" RenderTransformOrigin="0.5,0.5" Grid.Column="1">
    		<sdk:Label.RenderTransform>
    			<CompositeTransform TranslateY="10"/>
    		</sdk:Label.RenderTransform>
    		<sdk:Label.Projection>
    			<PlaneProjection RotationX="1"/>
    		</sdk:Label.Projection>
    		<sdk:Label.Foreground>
    			<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    				<GradientStop Color="#FF8B1313" Offset="0.219"/>
    				<GradientStop Color="#FFF70000" Offset="1"/>
    			</LinearGradientBrush>
    		</sdk:Label.Foreground>
    	</sdk:Label>
    	<Rectangle Fill="#FF410505" Stroke="#FFFFFFFF" StrokeThickness="0" StrokeLineJoin="Round" Height="13" VerticalAlignment="Top" Margin="-8,281,0,0" Grid.Column="1" d:LayoutOverrides="GridBox"/>
    	<Rectangle Fill="#FF410505" Stroke="#FFFFFFFF" StrokeThickness="0" StrokeLineJoin="Round" Height="13" VerticalAlignment="Bottom" Margin="-8,0,0,278" Grid.Column="1" d:LayoutOverrides="GridBox"/>
    	<Button Style="{StaticResource ButtonStyle1}" HorizontalAlignment="Right" Width="95" Margin="0,136,33,0" Foreground="#FF0C0101" Grid.Column="1" d:LayoutOverrides="HorizontalAlignment" Height="88" VerticalAlignment="Top">
    		<Button.BorderBrush>
    			<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    				<GradientStop Color="#FF637401" Offset="0"/>
    				<GradientStop Color="#FF8399A9" Offset="0.375"/>
    				<GradientStop Color="#FF718597" Offset="0.375"/>
    				<GradientStop Color="#FFCA831B" Offset="1"/>
    			</LinearGradientBrush>
    		</Button.BorderBrush>

    		<Button.Background>
    			<RadialGradientBrush GradientOrigin="0.5,0.5">
    				<RadialGradientBrush.RelativeTransform>
    					<TransformGroup>
    						<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="0.865" ScaleY="0.805"/>
    						<SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.5"/>
    						<RotateTransform Angle="135.194" CenterX="0.5" CenterY="0.5"/>
    						<TranslateTransform X="0.006" Y="0.124"/>
    					</TransformGroup>
    				</RadialGradientBrush.RelativeTransform>
    				<GradientStop Color="#FFE08D13" Offset="1"/>
    				<GradientStop Color="#FFC28C2C"/>
    			</RadialGradientBrush>
    		</Button.Background>

    		<Path Canvas.Left="223.5" Canvas.Top="53.5" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FFFFFFFF" Data="F1 M379.81696,309.56656 C379.81696,393.51355 422.63861,388.6123 382.7356,388.6123 C342.83258,388.6123 288.87573,417.44846 288.87573,333.50143 C288.87573,328.66446 294.82736,233.0898 295.03735,228.36882 L232.78998,226.33095 L345.13199,54 L441.80344,216.42894 L377.17633,214.73218 C377.48334,220.42018 379.81696,303.70654 379.81696,309.56656 z" HorizontalAlignment="Left" Width="48.502" Height="64.481" StrokeThickness="0" Fill="#FF450707" UseLayoutRounding="False" RenderTransformOrigin="0.0829999968409538,0.734000027179718">
    			<Path.RenderTransform>
    				<CompositeTransform Rotation="88.768" TranslateX="8.5085922180667239" TranslateY="-36.479177821131458"/>
    			</Path.RenderTransform>
    		</Path>


    	</Button>
    	<Button Style="{StaticResource ButtonStyle1}" HorizontalAlignment="Right" Width="95" Margin="0,336,33,339" Foreground="#FF0C0101" Grid.Column="1" d:LayoutOverrides="HorizontalAlignment">
    		<Button.BorderBrush>
    			<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    				<GradientStop Color="#FF637401" Offset="0"/>
    				<GradientStop Color="#FF8399A9" Offset="0.375"/>
    				<GradientStop Color="#FF718597" Offset="0.375"/>
    				<GradientStop Color="#FFCA831B" Offset="1"/>
    			</LinearGradientBrush>
    		</Button.BorderBrush>

    		<Button.Background>
    			<RadialGradientBrush GradientOrigin="0.5,0.5">
    				<RadialGradientBrush.RelativeTransform>
    					<TransformGroup>
    						<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="0.865" ScaleY="0.805"/>
    						<SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.5"/>
    						<RotateTransform Angle="135.194" CenterX="0.5" CenterY="0.5"/>
    						<TranslateTransform X="0.006" Y="0.124"/>
    					</TransformGroup>
    				</RadialGradientBrush.RelativeTransform>
    				<GradientStop Color="#FFE08D13" Offset="1"/>
    				<GradientStop Color="#FFC28C2C"/>
    			</RadialGradientBrush>
    		</Button.Background>

    		<Path Canvas.Left="223.5" Canvas.Top="53.5" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FFFFFFFF" Data="F1 M379.81696,309.56656 C379.81696,393.51355 422.63861,388.6123 382.7356,388.6123 C342.83258,388.6123 288.87573,417.44846 288.87573,333.50143 C288.87573,328.66446 294.82736,233.0898 295.03735,228.36882 L232.78998,226.33095 L345.13199,54 L441.80344,216.42894 L377.17633,214.73218 C377.48334,220.42018 379.81696,303.70654 379.81696,309.56656 z" HorizontalAlignment="Left" Width="48.502" Height="64.481" StrokeThickness="0" Fill="#FF450707" UseLayoutRounding="False" RenderTransformOrigin="0.0829999968409538,0.734000027179718">
    			<Path.RenderTransform>
    				<CompositeTransform Rotation="88.768" TranslateX="8.5085922180667239" TranslateY="-36.479177821131458"/>
    			</Path.RenderTransform>
    		</Path>


    	</Button>
    	<Button Style="{StaticResource ButtonStyle1}" HorizontalAlignment="Right" Width="95" Margin="0,0,33,136" Foreground="#FF0C0101" Grid.Column="1" d:LayoutOverrides="HorizontalAlignment" Height="88" VerticalAlignment="Bottom">
    		<Button.BorderBrush>
    			<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    				<GradientStop Color="#FF637401" Offset="0"/>
    				<GradientStop Color="#FF8399A9" Offset="0.375"/>
    				<GradientStop Color="#FF718597" Offset="0.375"/>
    				<GradientStop Color="#FFCA831B" Offset="1"/>
    			</LinearGradientBrush>
    		</Button.BorderBrush>

    		<Button.Background>
    			<RadialGradientBrush GradientOrigin="0.5,0.5">
    				<RadialGradientBrush.RelativeTransform>
    					<TransformGroup>
    						<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="0.865" ScaleY="0.805"/>
    						<SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.5"/>
    						<RotateTransform Angle="135.194" CenterX="0.5" CenterY="0.5"/>
    						<TranslateTransform X="0.006" Y="0.124"/>
    					</TransformGroup>
    				</RadialGradientBrush.RelativeTransform>
    				<GradientStop Color="#FFE08D13" Offset="1"/>
    				<GradientStop Color="#FFC28C2C"/>
    			</RadialGradientBrush>
    		</Button.Background>

    		<Path Canvas.Left="223.5" Canvas.Top="53.5" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FFFFFFFF" Data="F1 M379.81696,309.56656 C379.81696,393.51355 422.63861,388.6123 382.7356,388.6123 C342.83258,388.6123 288.87573,417.44846 288.87573,333.50143 C288.87573,328.66446 294.82736,233.0898 295.03735,228.36882 L232.78998,226.33095 L345.13199,54 L441.80344,216.42894 L377.17633,214.73218 C377.48334,220.42018 379.81696,303.70654 379.81696,309.56656 z" HorizontalAlignment="Left" Width="48.502" Height="64.481" StrokeThickness="0" Fill="#FF450707" UseLayoutRounding="False" RenderTransformOrigin="0.0829999968409538,0.734000027179718">
    			<Path.RenderTransform>
    				<CompositeTransform Rotation="88.768" TranslateX="8.5085922180667239" TranslateY="-36.479177821131458"/>
    			</Path.RenderTransform>
    		</Path>


    	</Button>
    </Grid>

</navigation:Page>
...
Рейтинг: 0 / 0
silverlight navigation framework
    #37384336
SeVa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Вывалил портянку..
Старайся соблюдать главные принципы:
- не задавать явно размеры(косяк у тебя из-за этого)
- минумум отступов, лучше добавить еще одну сроку и столбец

Для начала попробуй такой вариант(убери все фиксированные ширины и отступы):

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
<Grid x:Name="LayoutRoot">
    	<Grid.ColumnDefinitions>
    		<ColumnDefinition Width="Auto"/>
    		<ColumnDefinition Width="*"/>
    	</Grid.ColumnDefinitions>
    	<Image Source="/SilverlightNavigateMuseams;component/Image/MuseamFoto.jpg" Stretch="Fill" HorizontalAlignment="Top" />
    <! отдельный грид для правой части ->
    	<Grid Grid.Col ="1" />
                     <Grid.RowDefinitions>
    		<RowDefinition Height="[поставь сам значение]*"/>
    		<RowDefinition Height="[поставь сам значение]*"/>
    	</Grid.RowDefinitions>
              <!-- 
               дальше сам
                <Rectangle  />
                <Label />
                дальше должен быть, судя по картинке, ListBox или ItemsControl c нужным стилем для item'ов
               ->
             </Grid>
...
Рейтинг: 0 / 0
silverlight navigation framework
    #37384342
SeVa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ЗЫ Смысл Аuto для ширины первого стобца, чтобы изображение само полностью развернуло плечи. Если оно большое, тогда поставь относительные ширины для первого грида, а для изображения задай UniformFill
...
Рейтинг: 0 / 0
5 сообщений из 5, страница 1 из 1
Форумы / WPF, Silverlight [игнор отключен] [закрыт для гостей] / silverlight navigation framework
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]