markus / KCOM / Controls / Sample.xaml @ 2007ecaa
이력 | 보기 | 이력해설 | 다운로드 (52.4 KB)
1 |
<UserControl x:Name="userControl" x:Class="KCOM.Controls.Sample" xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" |
---|---|
2 |
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" |
3 |
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
4 |
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" |
5 |
xmlns:controls="clr-namespace:KCOM.Controls" |
6 |
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:common="clr-namespace:KCOM.Common" |
7 |
xmlns:local="clr-namespace:KCOM.Controls" xmlns:System="clr-namespace:System;assembly=mscorlib" |
8 |
mc:Ignorable="d" Background="#f5f5f5" xmlns:converter="clr-namespace:KCOM.Common.Converter" |
9 |
d:DesignHeight="600" d:DesignWidth="200" AllowDrop="False"> |
10 |
<UserControl.Resources>
|
11 |
<converter:ColorListToBrushConverter x:Key="ColorListToBrushConverter"/> |
12 |
<Style x:Key="PathButtonStyle" TargetType="{x:Type Path}"> |
13 |
<Setter Property="Width" Value="12"/> |
14 |
<Setter Property="Height" Value="12"/> |
15 |
<Setter Property="Fill" Value="White" /> |
16 |
<Setter Property="Stretch" Value="Fill" /> |
17 |
<Setter Property="HorizontalAlignment" Value="Right"/> |
18 |
<Setter Property="VerticalAlignment" Value="Center" /> |
19 |
</Style>
|
20 |
<converter:CommentTypeImgConverter x:Key="converterTypeImageConverter"/> |
21 |
<converter:MarkupDataToConverter x:Key="markupDataConverter"/> |
22 |
<converter:MarginCorrectionConverter x:Key="marginConverter"/> |
23 |
<SolidColorBrush x:Key="ListTextSelectedColor" x:Shared="False"/> |
24 |
<SolidColorBrush x:Key="ListSelectedColor" x:Shared="False"/> |
25 |
<Style x:Key="ItemContainerStyle" TargetType="{x:Type telerik:RadListBoxItem}"> |
26 |
<Setter Property="Template"> |
27 |
<Setter.Value>
|
28 |
<ControlTemplate TargetType="{x:Type telerik:RadListBoxItem}"> |
29 |
<Border x:Name="myBorder" VerticalAlignment="Center" |
30 |
Padding="0" Margin="0" |
31 |
SnapsToDevicePixels="False"> |
32 |
<Border.Style>
|
33 |
<Style TargetType="{x:Type Border}"> |
34 |
<Setter Property="BorderThickness" Value="3 3 3 3"/> |
35 |
<Setter Property="BorderBrush" Value="Transparent"/> |
36 |
</Style>
|
37 |
</Border.Style>
|
38 |
<ContentPresenter Margin="2"/> |
39 |
</Border>
|
40 |
<ControlTemplate.Triggers>
|
41 |
<Trigger Property="IsSelected" Value="true"> |
42 |
<Setter TargetName="myBorder" Property="BorderBrush" Value="{DynamicResource KCOMColor_AccentBrush}"/> |
43 |
</Trigger>
|
44 |
</ControlTemplate.Triggers>
|
45 |
</ControlTemplate>
|
46 |
</Setter.Value>
|
47 |
</Setter>
|
48 |
<!--<Style.Triggers>
|
49 |
<DataTrigger Binding="{Binding Visible}" Value="Collapsed">
|
50 |
<Setter Property="Visibility" Value="Collapsed"/>
|
51 |
</DataTrigger>
|
52 |
</Style.Triggers>-->
|
53 |
</Style>
|
54 |
<ControlTemplate x:Key="RadExpanderControlTemplate1" TargetType="{x:Type telerik:RadExpander}"> |
55 |
<Grid HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}"> |
56 |
<VisualStateManager.VisualStateGroups>
|
57 |
<VisualStateGroup x:Name="CommonStateGroup"> |
58 |
<VisualState x:Name="Normal" /> |
59 |
<VisualState x:Name="Disabled"> |
60 |
<Storyboard>
|
61 |
<ObjectAnimationUsingKeyFrames Duration="0:0:0" |
62 |
Storyboard.TargetName="InnerCircle" |
63 |
Storyboard.TargetProperty="Stroke"> |
64 |
<DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlInnerBorder_Disabled}" /> |
65 |
</ObjectAnimationUsingKeyFrames>
|
66 |
<DoubleAnimation Storyboard.TargetName="Content" |
67 |
Storyboard.TargetProperty="Opacity" |
68 |
To=".5" /> |
69 |
<DoubleAnimation Storyboard.TargetName="HeaderContent" |
70 |
Storyboard.TargetProperty="Opacity" |
71 |
To=".5" /> |
72 |
</Storyboard>
|
73 |
</VisualState>
|
74 |
</VisualStateGroup>
|
75 |
<VisualStateGroup x:Name="HeaderStateGroup"> |
76 |
<VisualState x:Name="NormalHeader" /> |
77 |
<VisualState x:Name="MouseOverHeader"> |
78 |
<Storyboard>
|
79 |
<ObjectAnimationUsingKeyFrames Duration="0:0:0" |
80 |
Storyboard.TargetName="InnerCircle" |
81 |
Storyboard.TargetProperty="Stroke"> |
82 |
<DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlInnerBorder_MouseOver}" /> |
83 |
</ObjectAnimationUsingKeyFrames>
|
84 |
</Storyboard>
|
85 |
</VisualState>
|
86 |
<VisualState x:Name="PressedHeader"> |
87 |
<Storyboard>
|
88 |
<ObjectAnimationUsingKeyFrames Duration="0:0:0" |
89 |
Storyboard.TargetName="InnerCircle" |
90 |
Storyboard.TargetProperty="Stroke"> |
91 |
<DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlInnerBorder_Pressed}" /> |
92 |
</ObjectAnimationUsingKeyFrames>
|
93 |
</Storyboard>
|
94 |
</VisualState>
|
95 |
</VisualStateGroup>
|
96 |
<VisualStateGroup x:Name="HeaderOrientationGroup"> |
97 |
<VisualState x:Name="HorizontalOrientation"> |
98 |
<Storyboard>
|
99 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderContentTransform" Storyboard.TargetProperty="LayoutTransform"> |
100 |
<DiscreteObjectKeyFrame KeyTime="0"> |
101 |
<DiscreteObjectKeyFrame.Value>
|
102 |
<RotateTransform Angle="0" /> |
103 |
</DiscreteObjectKeyFrame.Value>
|
104 |
</DiscreteObjectKeyFrame>
|
105 |
</ObjectAnimationUsingKeyFrames>
|
106 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderContentTransform" Storyboard.TargetProperty="(Grid.Column)"> |
107 |
<DiscreteObjectKeyFrame KeyTime="0"> |
108 |
<DiscreteObjectKeyFrame.Value>
|
109 |
<System:Int32>1</System:Int32> |
110 |
</DiscreteObjectKeyFrame.Value>
|
111 |
</DiscreteObjectKeyFrame>
|
112 |
</ObjectAnimationUsingKeyFrames>
|
113 |
</Storyboard>
|
114 |
</VisualState>
|
115 |
<VisualState x:Name="VerticalOrientation"> |
116 |
<Storyboard>
|
117 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderContentTransform" Storyboard.TargetProperty="LayoutTransform"> |
118 |
<DiscreteObjectKeyFrame KeyTime="0"> |
119 |
<DiscreteObjectKeyFrame.Value>
|
120 |
<RotateTransform Angle="90" /> |
121 |
</DiscreteObjectKeyFrame.Value>
|
122 |
</DiscreteObjectKeyFrame>
|
123 |
</ObjectAnimationUsingKeyFrames>
|
124 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderContentTransform" Storyboard.TargetProperty="(Grid.Row)"> |
125 |
<DiscreteObjectKeyFrame KeyTime="0"> |
126 |
<DiscreteObjectKeyFrame.Value>
|
127 |
<System:Int32>1</System:Int32> |
128 |
</DiscreteObjectKeyFrame.Value>
|
129 |
</DiscreteObjectKeyFrame>
|
130 |
</ObjectAnimationUsingKeyFrames>
|
131 |
</Storyboard>
|
132 |
</VisualState>
|
133 |
</VisualStateGroup>
|
134 |
<VisualStateGroup x:Name="ExpandStateGroup"> |
135 |
<VisualState x:Name="Expanded"> |
136 |
<Storyboard>
|
137 |
<DoubleAnimation Duration="0:0:0.2" |
138 |
Storyboard.TargetName="arrow" |
139 |
Storyboard.TargetProperty="(UIElement.RenderTransform).Angle" |
140 |
To="180" /> |
141 |
<ColorAnimation
|
142 |
Duration="0" |
143 |
Storyboard.TargetName="OuterCircle" |
144 |
Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)" |
145 |
To="#FF1FA3EB" /> |
146 |
</Storyboard>
|
147 |
</VisualState>
|
148 |
<VisualState x:Name="Collapsed"> |
149 |
<Storyboard>
|
150 |
<DoubleAnimation Duration="0:0:0.2" |
151 |
Storyboard.TargetName="arrow" |
152 |
Storyboard.TargetProperty="(UIElement.RenderTransform).Angle" |
153 |
To="0" /> |
154 |
</Storyboard>
|
155 |
</VisualState>
|
156 |
</VisualStateGroup>
|
157 |
<VisualStateGroup x:Name="ExpandDirectionStates"> |
158 |
<VisualStateGroup.Transitions>
|
159 |
<VisualTransition>
|
160 |
<Storyboard>
|
161 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="(Grid.Row)"> |
162 |
<DiscreteObjectKeyFrame KeyTime="0"> |
163 |
<DiscreteObjectKeyFrame.Value>
|
164 |
<System:Int32>0</System:Int32> |
165 |
</DiscreteObjectKeyFrame.Value>
|
166 |
</DiscreteObjectKeyFrame>
|
167 |
</ObjectAnimationUsingKeyFrames>
|
168 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="(Grid.Column)"> |
169 |
<DiscreteObjectKeyFrame KeyTime="0"> |
170 |
<DiscreteObjectKeyFrame.Value>
|
171 |
<System:Int32>0</System:Int32> |
172 |
</DiscreteObjectKeyFrame.Value>
|
173 |
</DiscreteObjectKeyFrame>
|
174 |
</ObjectAnimationUsingKeyFrames>
|
175 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderButton" Storyboard.TargetProperty="(Grid.Row)"> |
176 |
<DiscreteObjectKeyFrame KeyTime="0"> |
177 |
<DiscreteObjectKeyFrame.Value>
|
178 |
<System:Int32>0</System:Int32> |
179 |
</DiscreteObjectKeyFrame.Value>
|
180 |
</DiscreteObjectKeyFrame>
|
181 |
</ObjectAnimationUsingKeyFrames>
|
182 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderButton" Storyboard.TargetProperty="(Grid.Column)"> |
183 |
<DiscreteObjectKeyFrame KeyTime="0"> |
184 |
<DiscreteObjectKeyFrame.Value>
|
185 |
<System:Int32>0</System:Int32> |
186 |
</DiscreteObjectKeyFrame.Value>
|
187 |
</DiscreteObjectKeyFrame>
|
188 |
</ObjectAnimationUsingKeyFrames>
|
189 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="col0" Storyboard.TargetProperty="Width"> |
190 |
<DiscreteObjectKeyFrame KeyTime="0"> |
191 |
<DiscreteObjectKeyFrame.Value>
|
192 |
<GridLength>Auto</GridLength> |
193 |
</DiscreteObjectKeyFrame.Value>
|
194 |
</DiscreteObjectKeyFrame>
|
195 |
</ObjectAnimationUsingKeyFrames>
|
196 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="col1" Storyboard.TargetProperty="Width"> |
197 |
<DiscreteObjectKeyFrame KeyTime="0"> |
198 |
<DiscreteObjectKeyFrame.Value>
|
199 |
<GridLength>Auto</GridLength> |
200 |
</DiscreteObjectKeyFrame.Value>
|
201 |
</DiscreteObjectKeyFrame>
|
202 |
</ObjectAnimationUsingKeyFrames>
|
203 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="row0" Storyboard.TargetProperty="Height"> |
204 |
<DiscreteObjectKeyFrame KeyTime="0"> |
205 |
<DiscreteObjectKeyFrame.Value>
|
206 |
<GridLength>Auto</GridLength> |
207 |
</DiscreteObjectKeyFrame.Value>
|
208 |
</DiscreteObjectKeyFrame>
|
209 |
</ObjectAnimationUsingKeyFrames>
|
210 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="row1" Storyboard.TargetProperty="Height"> |
211 |
<DiscreteObjectKeyFrame KeyTime="0"> |
212 |
<DiscreteObjectKeyFrame.Value>
|
213 |
<GridLength>Auto</GridLength> |
214 |
</DiscreteObjectKeyFrame.Value>
|
215 |
</DiscreteObjectKeyFrame>
|
216 |
</ObjectAnimationUsingKeyFrames>
|
217 |
</Storyboard>
|
218 |
</VisualTransition>
|
219 |
</VisualStateGroup.Transitions>
|
220 |
<VisualState x:Name="DirectionLeft"> |
221 |
<Storyboard>
|
222 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="col0" Storyboard.TargetProperty="Width"> |
223 |
<DiscreteObjectKeyFrame KeyTime="0"> |
224 |
<DiscreteObjectKeyFrame.Value>
|
225 |
<GridLength>*</GridLength> |
226 |
</DiscreteObjectKeyFrame.Value>
|
227 |
</DiscreteObjectKeyFrame>
|
228 |
</ObjectAnimationUsingKeyFrames>
|
229 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="row0" Storyboard.TargetProperty="Height"> |
230 |
<DiscreteObjectKeyFrame KeyTime="0"> |
231 |
<DiscreteObjectKeyFrame.Value>
|
232 |
<GridLength>*</GridLength> |
233 |
</DiscreteObjectKeyFrame.Value>
|
234 |
</DiscreteObjectKeyFrame>
|
235 |
</ObjectAnimationUsingKeyFrames>
|
236 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderButton" Storyboard.TargetProperty="(Grid.Column)"> |
237 |
<DiscreteObjectKeyFrame KeyTime="0"> |
238 |
<DiscreteObjectKeyFrame.Value>
|
239 |
<System:Int32>1</System:Int32> |
240 |
</DiscreteObjectKeyFrame.Value>
|
241 |
</DiscreteObjectKeyFrame>
|
242 |
</ObjectAnimationUsingKeyFrames>
|
243 |
<DoubleAnimation Duration="0:0:0" |
244 |
Storyboard.TargetName="arrowPanel" |
245 |
Storyboard.TargetProperty="(UIElement.RenderTransform).Angle" |
246 |
To="90" /> |
247 |
</Storyboard>
|
248 |
</VisualState>
|
249 |
<VisualState x:Name="DirectionRight"> |
250 |
<Storyboard>
|
251 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="col1" Storyboard.TargetProperty="Width"> |
252 |
<DiscreteObjectKeyFrame KeyTime="0"> |
253 |
<DiscreteObjectKeyFrame.Value>
|
254 |
<GridLength>*</GridLength> |
255 |
</DiscreteObjectKeyFrame.Value>
|
256 |
</DiscreteObjectKeyFrame>
|
257 |
</ObjectAnimationUsingKeyFrames>
|
258 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="row0" Storyboard.TargetProperty="Height"> |
259 |
<DiscreteObjectKeyFrame KeyTime="0"> |
260 |
<DiscreteObjectKeyFrame.Value>
|
261 |
<GridLength>*</GridLength> |
262 |
</DiscreteObjectKeyFrame.Value>
|
263 |
</DiscreteObjectKeyFrame>
|
264 |
</ObjectAnimationUsingKeyFrames>
|
265 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="(Grid.Column)"> |
266 |
<DiscreteObjectKeyFrame KeyTime="0"> |
267 |
<DiscreteObjectKeyFrame.Value>
|
268 |
<System:Int32>1</System:Int32> |
269 |
</DiscreteObjectKeyFrame.Value>
|
270 |
</DiscreteObjectKeyFrame>
|
271 |
</ObjectAnimationUsingKeyFrames>
|
272 |
<DoubleAnimation Duration="0:0:0" |
273 |
Storyboard.TargetName="arrowPanel" |
274 |
Storyboard.TargetProperty="(UIElement.RenderTransform).Angle" |
275 |
To="-90" /> |
276 |
</Storyboard>
|
277 |
</VisualState>
|
278 |
<VisualState x:Name="DirectionUp"> |
279 |
<Storyboard>
|
280 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="col0" Storyboard.TargetProperty="Width"> |
281 |
<DiscreteObjectKeyFrame KeyTime="0"> |
282 |
<DiscreteObjectKeyFrame.Value>
|
283 |
<GridLength>*</GridLength> |
284 |
</DiscreteObjectKeyFrame.Value>
|
285 |
</DiscreteObjectKeyFrame>
|
286 |
</ObjectAnimationUsingKeyFrames>
|
287 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="row0" Storyboard.TargetProperty="Height"> |
288 |
<DiscreteObjectKeyFrame KeyTime="0"> |
289 |
<DiscreteObjectKeyFrame.Value>
|
290 |
<GridLength>*</GridLength> |
291 |
</DiscreteObjectKeyFrame.Value>
|
292 |
</DiscreteObjectKeyFrame>
|
293 |
</ObjectAnimationUsingKeyFrames>
|
294 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderButton" Storyboard.TargetProperty="(Grid.Row)"> |
295 |
<DiscreteObjectKeyFrame KeyTime="0"> |
296 |
<DiscreteObjectKeyFrame.Value>
|
297 |
<System:Int32>1</System:Int32> |
298 |
</DiscreteObjectKeyFrame.Value>
|
299 |
</DiscreteObjectKeyFrame>
|
300 |
</ObjectAnimationUsingKeyFrames>
|
301 |
<DoubleAnimation Duration="0:0:0" |
302 |
Storyboard.TargetName="arrowPanel" |
303 |
Storyboard.TargetProperty="(UIElement.RenderTransform).Angle" |
304 |
To="180" /> |
305 |
</Storyboard>
|
306 |
</VisualState>
|
307 |
<VisualState x:Name="DirectionDown"> |
308 |
<Storyboard>
|
309 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="col0" Storyboard.TargetProperty="Width"> |
310 |
<DiscreteObjectKeyFrame KeyTime="0"> |
311 |
<DiscreteObjectKeyFrame.Value>
|
312 |
<GridLength>*</GridLength> |
313 |
</DiscreteObjectKeyFrame.Value>
|
314 |
</DiscreteObjectKeyFrame>
|
315 |
</ObjectAnimationUsingKeyFrames>
|
316 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="row1" Storyboard.TargetProperty="Height"> |
317 |
<DiscreteObjectKeyFrame KeyTime="0"> |
318 |
<DiscreteObjectKeyFrame.Value>
|
319 |
<GridLength>*</GridLength> |
320 |
</DiscreteObjectKeyFrame.Value>
|
321 |
</DiscreteObjectKeyFrame>
|
322 |
</ObjectAnimationUsingKeyFrames>
|
323 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="(Grid.Row)"> |
324 |
<DiscreteObjectKeyFrame KeyTime="0"> |
325 |
<DiscreteObjectKeyFrame.Value>
|
326 |
<System:Int32>1</System:Int32> |
327 |
</DiscreteObjectKeyFrame.Value>
|
328 |
</DiscreteObjectKeyFrame>
|
329 |
</ObjectAnimationUsingKeyFrames>
|
330 |
</Storyboard>
|
331 |
</VisualState>
|
332 |
</VisualStateGroup>
|
333 |
</VisualStateManager.VisualStateGroups>
|
334 |
|
335 |
<Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}"> |
336 |
<Grid>
|
337 |
<Grid.RowDefinitions>
|
338 |
<RowDefinition x:Name="row0" Height="Auto" /> |
339 |
<RowDefinition x:Name="row1" Height="Auto" /> |
340 |
</Grid.RowDefinitions>
|
341 |
<Grid.ColumnDefinitions>
|
342 |
<ColumnDefinition x:Name="col0" Width="Auto" /> |
343 |
<ColumnDefinition x:Name="col1" Width="Auto" /> |
344 |
</Grid.ColumnDefinitions>
|
345 |
|
346 |
<telerik:RadToggleButton x:Name="HeaderButton" |
347 |
HorizontalAlignment="{TemplateBinding HorizontalHeaderAlignment}" |
348 |
VerticalAlignment="{TemplateBinding VerticalHeaderAlignment}" |
349 |
HorizontalContentAlignment="{TemplateBinding HorizontalHeaderAlignment}" |
350 |
VerticalContentAlignment="{TemplateBinding VerticalHeaderAlignment}" |
351 |
Background="Transparent" |
352 |
ClickMode="{TemplateBinding ClickMode}" |
353 |
FontFamily="{TemplateBinding FontFamily}" |
354 |
FontSize="{TemplateBinding FontSize}" |
355 |
FontStretch="{TemplateBinding FontStretch}" |
356 |
FontStyle="{TemplateBinding FontStyle}" |
357 |
FontWeight="{TemplateBinding FontWeight}" |
358 |
Foreground="{TemplateBinding Foreground}" |
359 |
IsChecked="{Binding IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" |
360 |
IsTabStop="{TemplateBinding IsTabStop}" |
361 |
Padding="{TemplateBinding Padding}" |
362 |
TabIndex="{TemplateBinding TabIndex}" |
363 |
Template="{StaticResource ToggleTemplate}"> |
364 |
|
365 |
<Grid x:Name="HeaderPanel" Background="Transparent"> |
366 |
<Grid.RowDefinitions>
|
367 |
<RowDefinition Height="Auto" /> |
368 |
<RowDefinition Height="*" /> |
369 |
</Grid.RowDefinitions>
|
370 |
<Grid.ColumnDefinitions>
|
371 |
<ColumnDefinition Width="Auto" /> |
372 |
<ColumnDefinition Width="*" /> |
373 |
</Grid.ColumnDefinitions>
|
374 |
|
375 |
<Grid Grid.Row="0" |
376 |
Grid.Column="0" |
377 |
HorizontalAlignment="Left"> |
378 |
<Ellipse x:Name="OuterCircle" |
379 |
Width="13" |
380 |
Height="13" |
381 |
HorizontalAlignment="Center" |
382 |
VerticalAlignment="Center" |
383 |
Fill="{StaticResource ControlBackground}" |
384 |
Stroke="#FFD6D4D4" /> |
385 |
<Ellipse x:Name="InnerCircle" |
386 |
Width="11" |
387 |
Height="11" |
388 |
Margin="1,2" |
389 |
Stroke="{StaticResource ControlInnerBorder_Normal}" /> |
390 |
|
391 |
<Grid x:Name="arrowPanel" |
392 |
Width="7" |
393 |
Height="4" |
394 |
RenderTransformOrigin=".5 .5"> |
395 |
<Grid.RenderTransform>
|
396 |
<RotateTransform /> |
397 |
</Grid.RenderTransform>
|
398 |
<Path x:Name="arrow" |
399 |
Data="M0,0 L0.67,0 4,2.67 7.25,0 8,0 8,0.67 4,4 0,0.75 z" |
400 |
Fill="#FF25A0DA" |
401 |
RenderTransformOrigin="0.5,0.5" |
402 |
Stretch="Fill"> |
403 |
<Path.RenderTransform>
|
404 |
<RotateTransform Angle="0" /> |
405 |
</Path.RenderTransform>
|
406 |
</Path>
|
407 |
</Grid>
|
408 |
</Grid>
|
409 |
<telerik:LayoutTransformControl x:Name="HeaderContentTransform" |
410 |
Grid.Row="0" |
411 |
Grid.Column="0" |
412 |
RenderTransformOrigin=".5 .5"> |
413 |
<ContentPresenter x:Name="HeaderContent" |
414 |
Grid.Column="1" |
415 |
Margin="3,0,0,0" |
416 |
HorizontalAlignment="Stretch" |
417 |
VerticalAlignment="Stretch" |
418 |
Content="{TemplateBinding Header}" |
419 |
ContentTemplate="{TemplateBinding HeaderTemplate}" /> |
420 |
</telerik:LayoutTransformControl>
|
421 |
|
422 |
</Grid>
|
423 |
</telerik:RadToggleButton>
|
424 |
|
425 |
<ContentPresenter x:Name="Content" |
426 |
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" |
427 |
VerticalAlignment="{TemplateBinding VerticalContentAlignment}" |
428 |
Content="{TemplateBinding Content}" |
429 |
ContentTemplate="{TemplateBinding ContentTemplate}" |
430 |
Visibility="Collapsed" /> |
431 |
</Grid>
|
432 |
</Border>
|
433 |
</Grid>
|
434 |
</ControlTemplate>
|
435 |
<DataTemplate x:Key="CommentSelectTemplate"> |
436 |
<CheckBox IsChecked="{Binding IsSelected, Mode=TwoWay}" telerik:StyleManager.Theme="Windows8" |
437 |
Command="{Binding SelectCommentCommand, ElementName=userControl, Mode=OneWay}"> |
438 |
<StackPanel Orientation="Horizontal"> |
439 |
<TextBlock Text="{Binding Depart}" /> |
440 |
<TextBlock Text="/" /> |
441 |
<TextBlock Text="{Binding UserName}" /> |
442 |
</StackPanel>
|
443 |
</CheckBox>
|
444 |
</DataTemplate>
|
445 |
</UserControl.Resources>
|
446 |
<Grid x:Name="grid" VerticalAlignment="Stretch"> |
447 |
<!--<TextBlock Text="Sort By:" Foreground="{DynamicResource KCOMColor_MarkerBrush}"/>-->
|
448 |
<telerik:RadTabControl Margin="0,6,0,0" BorderThickness="0" telerik:StyleManager.Theme="VisualStudio2013" HeaderBackground="#f5f5f5" FontSize="10" HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch" |
449 |
ScrollViewer.HorizontalScrollBarVisibility ="Disabled" SelectedIndex="0" > |
450 |
|
451 |
<telerik:RadTabItem Header="Thumbnail" HeaderForeground="{DynamicResource KCOMColor_MarkerBrush}" FontSize="12"> |
452 |
<Grid>
|
453 |
<Grid.RowDefinitions>
|
454 |
<RowDefinition Height="Auto"/> |
455 |
<RowDefinition Height="Auto"/> |
456 |
<RowDefinition Height="*"/> |
457 |
</Grid.RowDefinitions>
|
458 |
<telerik:RadPathButton ContentPlacement="Left" telerik:StyleManager.Theme="Office2016" CornerRadius="3" |
459 |
PathGeometry="{telerik:RadGlyph Glyph={StaticResource GlyphGrid}, Foreground=White}" Height="24" Width="120" PathStyle="{StaticResource PathButtonStyle}" |
460 |
Margin="2" Foreground="White" Content="Show All Pages" x:Name="btnPanorama" Click="btnPanorama_Click" Background="#FF0054B9" HorizontalAlignment="Right"/> |
461 |
<Border BorderThickness="1" Margin="1" Grid.Row="1" BorderBrush="#FFC9C9C9" Background="White"> |
462 |
<StackPanel>
|
463 |
<RadioButton GroupName="grpPages" Content="All Pages" IsChecked="True" telerik:StyleManager.Theme="Office2013" FontSize="10" Margin="5,3" Checked="ShowPageChange" x:Name="rdoAllPages"/> |
464 |
<RadioButton GroupName="grpPages" Content="Favorited Pages" FontSize="10" Margin="5,3" x:Name="rdoFavoritePages" Checked="ShowPageChange" /> |
465 |
<RadioButton GroupName="grpPages" Content="Commented Pages" FontSize="10" Margin="5,3" x:Name="rdoCommentPages" Checked="ShowPageChange" /> |
466 |
<Grid Margin="4.5,0" Visibility="{Binding IsChecked, Converter={StaticResource BooleanToVisibilityConverter}, ElementName=rdoCommentPages}"> |
467 |
<ListBox x:Name="lstSelectComment" |
468 |
BorderBrush="{DynamicResource KCOMColor_ActiveBrush}" |
469 |
BorderThickness="2" |
470 |
ItemTemplate="{StaticResource CommentSelectTemplate}" |
471 |
telerik:StyleManager.Theme="Office2016" /> |
472 |
<!-- <telerik:RadComboBox ClearSelectionButtonVisibility="Visible" ClearSelectionButtonContent="Select All" FontSize="10" Margin="14,0,0,0" x:Name="cboSelectComment" telerik:StyleManager.Theme="Windows8" BorderBrush="#FFA09E9E" ItemTemplate="{StaticResource CommentSelectTemplate}" SelectAllTextEvent="SelectionChanged"/> -->
|
473 |
</Grid>
|
474 |
</StackPanel>
|
475 |
</Border>
|
476 |
<telerik:RadListBox x:Name="ImgListbox" Margin="1" |
477 |
Grid.Row="2" |
478 |
Background="{DynamicResource KCOMColor_AlternativeBrush}" |
479 |
ItemContainerStyle="{StaticResource ItemContainerStyle}" |
480 |
BorderBrush="#FFC2C2C2" BorderThickness="0" |
481 |
SelectedIndex="0" |
482 |
|
483 |
ScrollViewer.HorizontalScrollBarVisibility="Disabled" |
484 |
ScrollViewer.VerticalScrollBarVisibility="Auto" |
485 |
ScrollViewer.CanContentScroll="True" |
486 |
telerik:StyleManager.Theme="Office2016" |
487 |
ItemsSource="{Binding FilteredThumbnail.View, ElementName=userControl}"> |
488 |
<!--
|
489 |
VirtualizingStackPanel.IsVirtualizing를 True로 하면 빠른 속도로 선택시
|
490 |
선택 이벤트에서 이루어지는 Wcf호출이 누락되는 경우가 발생된다.
|
491 |
VirtualizingPanel.VirtualizationMode="Standard"
|
492 |
VirtualizingPanel.IsContainerVirtualizable="True"
|
493 |
VirtualizingPanel.ScrollUnit="Item"
|
494 |
VirtualizingPanel.CacheLengthUnit="Item"
|
495 |
-->
|
496 |
<VirtualizingPanel.IsVirtualizing>true</VirtualizingPanel.IsVirtualizing> |
497 |
<!--<telerik:RadListBox.ItemsPanel>
|
498 |
<ItemsPanelTemplate>
|
499 |
<VirtualizingStackPanel/>
|
500 |
</ItemsPanelTemplate>
|
501 |
</telerik:RadListBox.ItemsPanel>-->
|
502 |
<telerik:RadListBox.ItemTemplate>
|
503 |
<DataTemplate>
|
504 |
<Grid x:Name="LayoutRoot"> |
505 |
<Grid></Grid> |
506 |
<Grid VerticalAlignment="Center" > |
507 |
<Grid.RowDefinitions>
|
508 |
<RowDefinition Height="Auto"/> |
509 |
<RowDefinition Height="Auto"/> |
510 |
</Grid.RowDefinitions>
|
511 |
<Grid x:Name="imgRoot"> |
512 |
<Border x:Name="imgBorder" BorderBrush="{DynamicResource KCOMColor_ReadOnlyBorderBrush}" |
513 |
Visibility="{Binding IsActive,Mode=OneWayToSource, Converter={StaticResource BooleanToVisibilityConverter}}" |
514 |
RenderTransformOrigin="0.5,0.5" BorderThickness="1,1,1.5,1.5"> |
515 |
<Border.RenderTransform>
|
516 |
<RotateTransform Angle="{Binding Angle, Mode=TwoWay}"/> |
517 |
</Border.RenderTransform>
|
518 |
<Image Stretch="Uniform" Source="{Binding ImageUri,IsAsync=True}"/> |
519 |
</Border>
|
520 |
</Grid>
|
521 |
<TextBlock Grid.Row="1" Text="{Binding PageNumber, FallbackValue=PageNo}" FontStyle="Italic" FontSize="14" VerticalAlignment="Bottom" HorizontalAlignment="Center"/> |
522 |
</Grid>
|
523 |
<Border Width="30" Height="20" VerticalAlignment="Top" Opacity="90" HorizontalAlignment="Right" Margin="10,5" |
524 |
Background="{Binding DisplayColorItems, Converter={StaticResource ColorListToBrushConverter}}"> |
525 |
<!--<controls:MarkupColorList ColorList="{Binding DisplayColorItems}" Opacity="90"/>-->
|
526 |
</Border>
|
527 |
</Grid>
|
528 |
</DataTemplate>
|
529 |
</telerik:RadListBox.ItemTemplate>
|
530 |
<!--<telerik:RadListBox.ItemsPanel>
|
531 |
<ItemsPanelTemplate>
|
532 |
<VirtualizingStackPanel/>
|
533 |
</ItemsPanelTemplate>
|
534 |
</telerik:RadListBox.ItemsPanel>-->
|
535 |
</telerik:RadListBox>
|
536 |
</Grid>
|
537 |
</telerik:RadTabItem>
|
538 |
<telerik:RadTabItem Header="Markup List" HeaderForeground="{DynamicResource KCOMColor_MarkerBrush}" FontSize="12" > |
539 |
<Grid HorizontalAlignment="Stretch"> |
540 |
<Grid.ColumnDefinitions>
|
541 |
<ColumnDefinition Width="*"/> |
542 |
</Grid.ColumnDefinitions>
|
543 |
<Grid.RowDefinitions>
|
544 |
<RowDefinition Height="Auto"/> |
545 |
<RowDefinition Height="Auto"/> |
546 |
<RowDefinition Height="*"/> |
547 |
</Grid.RowDefinitions>
|
548 |
<Border BorderThickness="0,0,0,1" BorderBrush="#e6e6e6" Background="#f5f5f5"> |
549 |
<Grid>
|
550 |
<Grid.ColumnDefinitions>
|
551 |
<ColumnDefinition/> |
552 |
<ColumnDefinition/> |
553 |
<ColumnDefinition/> |
554 |
</Grid.ColumnDefinitions>
|
555 |
<telerik:RadComboBox EmptyText="TYPE" Grid.Column="0" HorizontalAlignment="Stretch" Margin="5" DropDownWidth="*" Background="White" BorderBrush="#d6d6d6" x:Name="commentType" |
556 |
ClearSelectionButtonVisibility="Visible" ClearSelectionButtonContent="Show All" SelectionChanged="commentFilter_SelectionChanged"> |
557 |
<telerik:RadComboBox.ItemTemplate>
|
558 |
<DataTemplate>
|
559 |
<Image Source="{Binding Converter={StaticResource converterTypeImageConverter}}" Margin="5" Width="28" Height="28"/> |
560 |
</DataTemplate>
|
561 |
</telerik:RadComboBox.ItemTemplate>
|
562 |
</telerik:RadComboBox>
|
563 |
<telerik:RadComboBox HorizontalAlignment="Stretch" Margin="5" DropDownWidth="*" Background="White" BorderBrush="#d6d6d6" x:Name="commentUser" |
564 |
FontSize="10" Grid.Column="1" |
565 |
SelectionChanged="commentFilter_SelectionChanged" ClearSelectionButtonVisibility="Visible" ClearSelectionButtonContent="Show All" |
566 |
EmptyText="USER"> |
567 |
<!--ItemsSource="{Binding UsersCommentPagesList, ElementName=userControl}"-->
|
568 |
</telerik:RadComboBox>
|
569 |
<telerik:RadComboBox EmptyText="PAGE" Grid.Column="2" HorizontalAlignment="Stretch" Margin="5" DropDownWidth="*" Background="White" BorderBrush="#d6d6d6" x:Name="commentPage" |
570 |
ClearSelectionButtonVisibility="Visible" ClearSelectionButtonContent="Show All" SelectionChanged="commentFilter_SelectionChanged"/> |
571 |
</Grid>
|
572 |
</Border>
|
573 |
<Border Grid.Row="1" Background="#FFE6E6E6"> |
574 |
<StackPanel>
|
575 |
<Border>
|
576 |
<Grid Height="28" Margin="0,4"> |
577 |
<Grid.ColumnDefinitions>
|
578 |
<ColumnDefinition Width="*"/> |
579 |
<ColumnDefinition Width="Auto"/> |
580 |
</Grid.ColumnDefinitions>
|
581 |
<TextBox HorizontalAlignment="Stretch" Style="{StaticResource ClearTextBoxStyle}" Margin="2" x:Name="txtSearch" |
582 |
telerik:StyleManager.Theme="Office2016" AcceptsReturn="False" Background="#FFF3F3F3" |
583 |
BorderThickness="1" VerticalContentAlignment="Center" IsTabStop="True" KeyDown="TxtSearch_KeyDown"/> |
584 |
<telerik:RadPathButton Grid.Column="1" ContentPlacement="Left" VerticalContentAlignment="Center" telerik:StyleManager.Theme="Office2016" |
585 |
PathGeometry="{telerik:RadGlyph Glyph={StaticResource GlyphZoom}, Foreground=White}" |
586 |
Width="80" PathStyle="{StaticResource PathButtonStyle}" CornerRadius="3" |
587 |
Margin="2" Foreground="White" Content="SEARCH" x:Name="btnSearch" Click="btnSearch_Click" Background="#FF0054B9"/> |
588 |
</Grid>
|
589 |
</Border>
|
590 |
</StackPanel>
|
591 |
</Border>
|
592 |
<Border Grid.Row="1" Background="#f5f5f5" Visibility="Collapsed"> |
593 |
<StackPanel>
|
594 |
<Border>
|
595 |
<Grid>
|
596 |
<Grid.ColumnDefinitions>
|
597 |
<ColumnDefinition Width="36"/> |
598 |
<ColumnDefinition Width="*"/> |
599 |
<ColumnDefinition Width="Auto"/> |
600 |
</Grid.ColumnDefinitions>
|
601 |
|
602 |
<Image Source="/KCOM;component/Resources/Images/MenuImage_New/arrow.png" Margin="5"/> |
603 |
|
604 |
<StackPanel Orientation="Vertical" Grid.Column="1" Margin="10" VerticalAlignment="Center"> |
605 |
<TextBlock Text="" FontWeight="DemiBold" Foreground="#3d3d3d"/> |
606 |
<TextBlock Text=""/> |
607 |
</StackPanel>
|
608 |
|
609 |
|
610 |
<Border Background="#FF1258B6" CornerRadius="5" Grid.Column="2" Padding="5" Margin="10"> |
611 |
<Button Background="Transparent" Foreground="White" Content="Move" BorderThickness="0"/> |
612 |
</Border>
|
613 |
</Grid>
|
614 |
</Border>
|
615 |
</StackPanel>
|
616 |
</Border>
|
617 |
|
618 |
<Border VerticalAlignment="Stretch" Margin="0" Grid.Row="2" BorderThickness="0,0,0,0.5" BorderBrush="#828282" x:Name="gogo"> |
619 |
<telerik:RadListBox telerik:StyleManager.Theme="Office2016" Padding="0" Margin="2" HorizontalAlignment="Stretch" x:Name="MarkupList" ScrollViewer.VerticalScrollBarVisibility="Auto" |
620 |
Background="White" ItemsSource="{Binding MarkupInfoSmallList}" Loaded="MarkupList_Loaded"> |
621 |
<telerik:RadListBox.ItemContainerStyle>
|
622 |
<Style TargetType="telerik:RadListBoxItem"> |
623 |
<Setter Property="Padding" Value="0,0,0,0"/> |
624 |
</Style>
|
625 |
</telerik:RadListBox.ItemContainerStyle>
|
626 |
<telerik:RadListBox.ItemTemplate>
|
627 |
<DataTemplate>
|
628 |
<StackPanel>
|
629 |
<Border BorderBrush="#EBFBFCFD" BorderThickness="1" Margin="1" Padding="1,3"> |
630 |
<Grid>
|
631 |
<Grid.ColumnDefinitions>
|
632 |
<ColumnDefinition Width="5"/> |
633 |
<ColumnDefinition Width="36"/> |
634 |
<ColumnDefinition Width="*"/> |
635 |
<ColumnDefinition Width="Auto"/> |
636 |
</Grid.ColumnDefinitions>
|
637 |
<Border Width="5" Background="#CE3D5DA0"> |
638 |
<Border.Style>
|
639 |
<Style TargetType="Border"> |
640 |
<Setter Property="Visibility" Value="Collapsed"/> |
641 |
<Style.Triggers>
|
642 |
<DataTrigger Binding="{Binding IsSelected, RelativeSource={RelativeSource AncestorType=telerik:RadListBoxItem, AncestorLevel=1}}" Value="True"> |
643 |
<Setter Property="Visibility" Value="Visible"/> |
644 |
</DataTrigger>
|
645 |
</Style.Triggers>
|
646 |
</Style>
|
647 |
</Border.Style>
|
648 |
</Border>
|
649 |
<Image Grid.Column="1" Source="{Binding Data_Type, Converter={StaticResource converterTypeImageConverter}}" Margin="5,0" Width="28" Height="28"/> |
650 |
<StackPanel Orientation="Vertical" Grid.Row="0" Grid.Column="2" Margin="5,0" VerticalAlignment="Center"> |
651 |
<TextBlock Text="{Binding UserName}" FontWeight="DemiBold" Foreground="#3d3d3d"/> |
652 |
<StackPanel Orientation="Horizontal"> |
653 |
<TextBlock Text="{Binding PageNumber}"/> |
654 |
<TextBlock Text=" Page"/> |
655 |
</StackPanel>
|
656 |
</StackPanel>
|
657 |
<telerik:RadPathButton Grid.Column="3" ContentPlacement="Left" VerticalContentAlignment="Center" telerik:StyleManager.Theme="Office2016" |
658 |
PathGeometry="{telerik:RadGlyph Glyph={StaticResource GlyphFrontElement}, Foreground=White}" |
659 |
Width="60" Height="28" PathStyle="{StaticResource PathButtonStyle}" CornerRadius="3" |
660 |
Margin="2" Foreground="White" Content="Move" x:Name="btnSearch" Click="btGotoMarkup_Click" Background="#FF0054B9" CommandParameter="{Binding}"> |
661 |
</telerik:RadPathButton>
|
662 |
<!--<telerik:RadButton Background="Transparent" Foreground="White" Content="Move" BorderThickness="0" Click="btGotoMarkup_Click" CommandParameter="{Binding}"/>-->
|
663 |
</Grid>
|
664 |
</Border>
|
665 |
</StackPanel>
|
666 |
</DataTemplate>
|
667 |
</telerik:RadListBox.ItemTemplate>
|
668 |
</telerik:RadListBox>
|
669 |
</Border>
|
670 |
<!--<Border VerticalAlignment="Stretch" Margin="0" Grid.Row="1" BorderThickness="0,0,0,0.5" BorderBrush="#828282" Background="White">
|
671 |
-->
|
672 |
<!--<Grid VerticalAlignment="Top" Margin="0" Grid.Row="1">
|
673 |
<Grid.Resources>
|
674 |
<Style TargetType="TextBlock">
|
675 |
<Setter Property="Foreground" Value="#828282"/>
|
676 |
</Style>
|
677 |
</Grid.Resources>
|
678 |
<Grid.ColumnDefinitions>
|
679 |
<ColumnDefinition Width="Auto"/>
|
680 |
<ColumnDefinition Width="7*"/>
|
681 |
</Grid.ColumnDefinitions>
|
682 |
<Grid.RowDefinitions>
|
683 |
<RowDefinition/>
|
684 |
<RowDefinition/>
|
685 |
<RowDefinition/>
|
686 |
</Grid.RowDefinitions>
|
687 |
<TextBlock Text="Cloud" Padding="5"/>
|
688 |
<TextBlock Text="Sejung Kim" Grid.Row="0" Grid.Column="1" Padding="5"/>
|
689 |
<TextBlock Text="Page 20" Grid.Column="0" Grid.Row="1" Padding="5"/>
|
690 |
<TextBlock Text="2017/10/17 17:56:51" Grid.Column="1" Grid.Row="1" Padding="5"/>
|
691 |
<TextBlock Text="Double click to Note." Grid.ColumnSpan="2" Grid.Row="2" Padding="5"/>
|
692 |
</Grid>-->
|
693 |
<!--<telerik:RadListBox ItemsSource="{Binding _markupInfoList, Mode=OneWayToSource, Source={x:Static common:ViewerDataModel.Instance}}">
|
694 |
<telerik:RadListBox.ItemTemplate>
|
695 |
<DataTemplate>
|
696 |
<TextBlock Text="{Binding UserName}"/>
|
697 |
</DataTemplate>
|
698 |
</telerik:RadListBox.ItemTemplate>
|
699 |
</telerik:RadListBox>-->
|
700 |
<!--
|
701 |
<TextBlock Text="{Binding MAMA, Mode=OneWay, Source={x:Static common:ViewerDataModel.Instance}}"/>
|
702 |
|
703 |
</Border>-->
|
704 |
</Grid>
|
705 |
</telerik:RadTabItem>
|
706 |
<!--<telerik:RadTabItem HeaderForeground="{DynamicResource KCOMColor_MarkerBrush}" FontSize="9">
|
707 |
<telerik:RadTabItem.Header>
|
708 |
-->
|
709 |
<!--<telerik:RadRibbonButton Content="Panorama" telerik:StyleManager.Theme="Office2016" FontSize="10" Margin="0,0,0,1" Background="#FF0054B9" Foreground="White"
|
710 |
BorderThickness="0" CornerRadius="3" Padding="5" x:Name="btnPanorama" Click="btnPanorama_Click"/>-->
|
711 |
<!--
|
712 |
<telerik:RadPathButton Grid.Column="1" ContentPlacement="Left" VerticalContentAlignment="Center" telerik:StyleManager.Theme="Office2016"
|
713 |
PathGeometry="{telerik:RadGlyph Glyph={StaticResource GlyphZoom}, Foreground=White}"
|
714 |
FontFamily="{StaticResource TelerikWebUI}" Width="80" PathStyle="{StaticResource PathButtonStyle}"
|
715 |
Margin="2" Foreground="White" Content="Panorama" x:Name="btnPanorama" Click="btnPanorama_Click" Background="#FF0054B9"/>
|
716 |
</telerik:RadTabItem.Header>
|
717 |
</telerik:RadTabItem>-->
|
718 |
</telerik:RadTabControl>
|
719 |
|
720 |
</Grid>
|
721 |
</UserControl>
|