WPF页面中将一个控件的宽度绑定到其父级用户控件的实际宽度 ...

该实际场景比较常见于，当存在多个用户控件页面拼成一个窗体，因为实际控件对应窗体的宽度并不能确定，也不是那种能指定的宽度或者高度，比如窗体分导航地区和内容地区，左侧导航地区可以直接指定宽度，而右侧内容地区则是使用Auto或者*的宽度。在WPF中，尝试将一个控件的宽度绑定到其父级用户控件的实际宽度（ActualWidth）时，会遇到一些挑战。因为 ActualWidth和ActualHeight 是只读属性，并且它们是在布局过程之后计算出来的，这大概导致绑定延迟或不更新的问题。为了确保子控件能够准确地响应父控件大小的变革，根据实际环境使用如下方式。 方法1：使用相对宽度和星号单元最简朴的方法是让子控件自动填充可用空间，而不是显式地绑定到父控件的 ActualWidth。可以通过设置子控件的 HorizontalAlignment 属性为 Stretch 或使用在布局Grid的宽度用 * 星号单元来实现这一点。如下：

1. <rubyer:Card x:Name="cardNotice" Grid.Row="1"
2.              Height="120"
3.              Padding="5"
4.              HorizontalAlignment="Stretch"  
5.              HorizontalContentAlignment="Center">
6.    
7. </rubyer:Card>

复制代码

Card内容里部分，可用StackPanel容器包装，StackPanel容器自动顺应内部空间的宽度和高度，在联合HorizontalAlignment="Stretch"就可以实现，将rubyer:Card这个控件自动适配宽度和用户控件的宽度一样，固然也必要该rubyer:Card占据用户控件全部的Column。或：

1. <rubyer:Card x:Name="cardNotice" Grid.Row="1"
2.              Height="120"
3.              Padding="5"
4.              HorizontalAlignment="Stretch"  
5.              HorizontalContentAlignment="Center">
6.    
7. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
8.              Height="120"
9.              Padding="5"
10.              HorizontalAlignment="Stretch"  
11.              HorizontalContentAlignment="Center">
12.    
13. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
14.              Height="120"
15.              Padding="5"
16.              HorizontalAlignment="Stretch"  
17.              HorizontalContentAlignment="Center">
18.    
19. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
20.              Height="120"
21.              Padding="5"
22.              HorizontalAlignment="Stretch"  
23.              HorizontalContentAlignment="Center">
24.    
25. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
26.              Height="120"
27.              Padding="5"
28.              HorizontalAlignment="Stretch"  
29.              HorizontalContentAlignment="Center">
30.    
31. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
32.              Height="120"
33.              Padding="5"
34.              HorizontalAlignment="Stretch"  
35.              HorizontalContentAlignment="Center">
36.    
37. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
38.              Height="120"
39.              Padding="5"
40.              HorizontalAlignment="Stretch"  
41.              HorizontalContentAlignment="Center">
42.    
43. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
44.              Height="120"
45.              Padding="5"
46.              HorizontalAlignment="Stretch"  
47.              HorizontalContentAlignment="Center">
48.    
49. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
50.              Height="120"
51.              Padding="5"
52.              HorizontalAlignment="Stretch"  
53.              HorizontalContentAlignment="Center">
54.    
55. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
56.              Height="120"
57.              Padding="5"
58.              HorizontalAlignment="Stretch"  
59.              HorizontalContentAlignment="Center">
60.    
61. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
62.              Height="120"
63.              Padding="5"
64.              HorizontalAlignment="Stretch"  
65.              HorizontalContentAlignment="Center">
66.    
67. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
68.              Height="120"
69.              Padding="5"
70.              HorizontalAlignment="Stretch"  
71.              HorizontalContentAlignment="Center">
72.    
73. </rubyer:Card>

复制代码

 方法2：使用 RelativeSource 绑定如果确实必要基于父控件的实际宽度进行绑定，可以尝试使用 RelativeSource 绑定来引用父控件的 ActualWidth。如下:

1. <rubyer:Card x:Name="cardNotice" Grid.Row="1"
2.              Height="120"
3.              Padding="5"
4.              HorizontalAlignment="Stretch"  
5.              HorizontalContentAlignment="Center">
6.    
7. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
8.              Height="120"
9.              Padding="5"
10.              HorizontalAlignment="Stretch"  
11.              HorizontalContentAlignment="Center">
12.    
13. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
14.              Height="120"
15.              Padding="5"
16.              HorizontalAlignment="Stretch"  
17.              HorizontalContentAlignment="Center">
18.    
19. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
20.              Height="120"
21.              Padding="5"
22.              HorizontalAlignment="Stretch"  
23.              HorizontalContentAlignment="Center">
24.    
25. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
26.              Height="120"
27.              Padding="5"
28.              HorizontalAlignment="Stretch"  
29.              HorizontalContentAlignment="Center">
30.    
31. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
32.              Height="120"
33.              Padding="5"
34.              HorizontalAlignment="Stretch"  
35.              HorizontalContentAlignment="Center">
36.    
37. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
38.              Height="120"
39.              Padding="5"
40.              HorizontalAlignment="Stretch"  
41.              HorizontalContentAlignment="Center">
42.    
43. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
44.              Height="120"
45.              Padding="5"
46.              HorizontalAlignment="Stretch"  
47.              HorizontalContentAlignment="Center">
48.    
49. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
50.              Height="120"
51.              Padding="5"
52.              HorizontalAlignment="Stretch"  
53.              HorizontalContentAlignment="Center">
54.    
55. </rubyer:Card>

复制代码

主要为：Width="{Binding RelativeSource={RelativeSource AncestorType=UserControl}, Path=ActualWidth, Mode=OneWay}" 
方法3：使用 SizeChanged 事件处置处罚程序另一种方法是在父控件的 SizeChanged 事件中手动调整子控件的宽度。这种方法适用于更复杂的环境，但通常不是首选，因为 WPF 布局系统应该能够处置处罚大多数场景。

1. private void PlanMoudelView_SizeChanged(object sender, SizeChangedEventArgs e){<rubyer:Card x:Name="cardNotice" Grid.Row="1"
2.              Height="120"
3.              Padding="5"
4.              HorizontalAlignment="Stretch"  
5.              HorizontalContentAlignment="Center">
6.    
7. </rubyer:Card>if (cardNotice != null)<rubyer:Card x:Name="cardNotice" Grid.Row="1"
8.              Height="120"
9.              Padding="5"
10.              HorizontalAlignment="Stretch"  
11.              HorizontalContentAlignment="Center">
12.    
13. </rubyer:Card>{<rubyer:Card x:Name="cardNotice" Grid.Row="1"
14.              Height="120"
15.              Padding="5"
16.              HorizontalAlignment="Stretch"  
17.              HorizontalContentAlignment="Center">
18.    
19. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
20.              Height="120"
21.              Padding="5"
22.              HorizontalAlignment="Stretch"  
23.              HorizontalContentAlignment="Center">
24.    
25. </rubyer:Card>cardNotice.Width = this.ActualWidth; // 'this' 指向 PlanMoudelView<rubyer:Card x:Name="cardNotice" Grid.Row="1"
26.              Height="120"
27.              Padding="5"
28.              HorizontalAlignment="Stretch"  
29.              HorizontalContentAlignment="Center">
30.    
31. </rubyer:Card>}}

复制代码

 方法4：使用 MultiBinding 和转换器如果必要更复杂的逻辑，比如保存一定的边距或比例，可以使用 MultiBinding 联合 IMultiValueConverter 来计算子控件的宽度。

1. <rubyer:Card x:Name="cardNotice" Grid.Row="1"
2.              Height="120"
3.              Padding="5"
4.              HorizontalAlignment="Stretch"  
5.              HorizontalContentAlignment="Center">
6.    
7. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
8.              Height="120"
9.              Padding="5"
10.              HorizontalAlignment="Stretch"  
11.              HorizontalContentAlignment="Center">
12.    
13. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
14.              Height="120"
15.              Padding="5"
16.              HorizontalAlignment="Stretch"  
17.              HorizontalContentAlignment="Center">
18.    
19. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
20.              Height="120"
21.              Padding="5"
22.              HorizontalAlignment="Stretch"  
23.              HorizontalContentAlignment="Center">
24.    
25. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
26.              Height="120"
27.              Padding="5"
28.              HorizontalAlignment="Stretch"  
29.              HorizontalContentAlignment="Center">
30.    
31. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
32.              Height="120"
33.              Padding="5"
34.              HorizontalAlignment="Stretch"  
35.              HorizontalContentAlignment="Center">
36.    
37. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
38.              Height="120"
39.              Padding="5"
40.              HorizontalAlignment="Stretch"  
41.              HorizontalContentAlignment="Center">
42.    
43. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
44.              Height="120"
45.              Padding="5"
46.              HorizontalAlignment="Stretch"  
47.              HorizontalContentAlignment="Center">
48.    
49. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
50.              Height="120"
51.              Padding="5"
52.              HorizontalAlignment="Stretch"  
53.              HorizontalContentAlignment="Center">
54.    
55. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
56.              Height="120"
57.              Padding="5"
58.              HorizontalAlignment="Stretch"  
59.              HorizontalContentAlignment="Center">
60.    
61. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
62.              Height="120"
63.              Padding="5"
64.              HorizontalAlignment="Stretch"  
65.              HorizontalContentAlignment="Center">
66.    
67. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
68.              Height="120"
69.              Padding="5"
70.              HorizontalAlignment="Stretch"  
71.              HorizontalContentAlignment="Center">
72.    
73. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
74.              Height="120"
75.              Padding="5"
76.              HorizontalAlignment="Stretch"  
77.              HorizontalContentAlignment="Center">
78.    
79. </rubyer:Card>

复制代码

注意：确保父容器答应子控件扩展确保包含 Card 控件的父容器（例如 Grid）没有限定子控件的尺寸。检查是否有固定的高度或宽度、MaxWidth 或 MaxHeight 等大概影响布局的属性。 总结通常环境下，使用相对宽度（如 * 星号单元）和适当的 HorizontalAlignment 是最简朴有效的方法，可以确保子控件随着父控件的大小变革而自动调整。如果必要更准确的控制，可以考虑使用 RelativeSource 绑定或其他高级技术。确保父容器也支持子控件的动态尺寸调整非常紧张。 最后附上，绑定后宽度减数的转换器，因为通常不能直接用子控件跟父控件完全等宽或等高，肯定必要有偏差：

1. /// /// 控件宽度减法转换器/// 可用于子控件绑定父控件宽度做减法/// public class SubtractValueConverter : IValueConverter{<rubyer:Card x:Name="cardNotice" Grid.Row="1"
2.              Height="120"
3.              Padding="5"
4.              HorizontalAlignment="Stretch"  
5.              HorizontalContentAlignment="Center">
6.    
7. </rubyer:Card>public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)<rubyer:Card x:Name="cardNotice" Grid.Row="1"
8.              Height="120"
9.              Padding="5"
10.              HorizontalAlignment="Stretch"  
11.              HorizontalContentAlignment="Center">
12.    
13. </rubyer:Card>{<rubyer:Card x:Name="cardNotice" Grid.Row="1"
14.              Height="120"
15.              Padding="5"
16.              HorizontalAlignment="Stretch"  
17.              HorizontalContentAlignment="Center">
18.    
19. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
20.              Height="120"
21.              Padding="5"
22.              HorizontalAlignment="Stretch"  
23.              HorizontalContentAlignment="Center">
24.    
25. </rubyer:Card>double parentWidth = (double)value;<rubyer:Card x:Name="cardNotice" Grid.Row="1"
26.              Height="120"
27.              Padding="5"
28.              HorizontalAlignment="Stretch"  
29.              HorizontalContentAlignment="Center">
30.    
31. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
32.              Height="120"
33.              Padding="5"
34.              HorizontalAlignment="Stretch"  
35.              HorizontalContentAlignment="Center">
36.    
37. </rubyer:Card>double subtractValue = double.Parse(parameter.ToString());<rubyer:Card x:Name="cardNotice" Grid.Row="1"
38.              Height="120"
39.              Padding="5"
40.              HorizontalAlignment="Stretch"  
41.              HorizontalContentAlignment="Center">
42.    
43. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
44.              Height="120"
45.              Padding="5"
46.              HorizontalAlignment="Stretch"  
47.              HorizontalContentAlignment="Center">
48.    
49. </rubyer:Card>return parentWidth - subtractValue;<rubyer:Card x:Name="cardNotice" Grid.Row="1"
50.              Height="120"
51.              Padding="5"
52.              HorizontalAlignment="Stretch"  
53.              HorizontalContentAlignment="Center">
54.    
55. </rubyer:Card>}<rubyer:Card x:Name="cardNotice" Grid.Row="1"
56.              Height="120"
57.              Padding="5"
58.              HorizontalAlignment="Stretch"  
59.              HorizontalContentAlignment="Center">
60.    
61. </rubyer:Card>public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)<rubyer:Card x:Name="cardNotice" Grid.Row="1"
62.              Height="120"
63.              Padding="5"
64.              HorizontalAlignment="Stretch"  
65.              HorizontalContentAlignment="Center">
66.    
67. </rubyer:Card>{<rubyer:Card x:Name="cardNotice" Grid.Row="1"
68.              Height="120"
69.              Padding="5"
70.              HorizontalAlignment="Stretch"  
71.              HorizontalContentAlignment="Center">
72.    
73. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
74.              Height="120"
75.              Padding="5"
76.              HorizontalAlignment="Stretch"  
77.              HorizontalContentAlignment="Center">
78.    
79. </rubyer:Card>throw new NotImplementedException();<rubyer:Card x:Name="cardNotice" Grid.Row="1"
80.              Height="120"
81.              Padding="5"
82.              HorizontalAlignment="Stretch"  
83.              HorizontalContentAlignment="Center">
84.    
85. </rubyer:Card>}}在用户控件页面增加绑定资源：<rubyer:Card x:Name="cardNotice" Grid.Row="1"
86.              Height="120"
87.              Padding="5"
88.              HorizontalAlignment="Stretch"  
89.              HorizontalContentAlignment="Center">
90.    
91. </rubyer:Card>然后，在绑定时增加转换器的使用：Width="{Binding RelativeSource={RelativeSource AncestorType=UserControl}, Path=ActualWidth, Mode=OneWay, Converter={StaticResource subtractValueConverter}, ConverterParameter=20}"

复制代码

转换器代码实际下图中右下角的列表Card使用实例：

1. <rubyer:Card x:Name="cardNotice" Grid.Row="1"
2.              Height="120"
3.              Padding="5"
4.              HorizontalAlignment="Stretch"  
5.              HorizontalContentAlignment="Center">
6.    
7. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
8.              Height="120"
9.              Padding="5"
10.              HorizontalAlignment="Stretch"  
11.              HorizontalContentAlignment="Center">
12.    
13. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
14.              Height="120"
15.              Padding="5"
16.              HorizontalAlignment="Stretch"  
17.              HorizontalContentAlignment="Center">
18.    
19. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
20.              Height="120"
21.              Padding="5"
22.              HorizontalAlignment="Stretch"  
23.              HorizontalContentAlignment="Center">
24.    
25. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
26.              Height="120"
27.              Padding="5"
28.              HorizontalAlignment="Stretch"  
29.              HorizontalContentAlignment="Center">
30.    
31. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
32.              Height="120"
33.              Padding="5"
34.              HorizontalAlignment="Stretch"  
35.              HorizontalContentAlignment="Center">
36.    
37. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
38.              Height="120"
39.              Padding="5"
40.              HorizontalAlignment="Stretch"  
41.              HorizontalContentAlignment="Center">
42.    
43. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
44.              Height="120"
45.              Padding="5"
46.              HorizontalAlignment="Stretch"  
47.              HorizontalContentAlignment="Center">
48.    
49. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
50.              Height="120"
51.              Padding="5"
52.              HorizontalAlignment="Stretch"  
53.              HorizontalContentAlignment="Center">
54.    
55. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
56.              Height="120"
57.              Padding="5"
58.              HorizontalAlignment="Stretch"  
59.              HorizontalContentAlignment="Center">
60.    
61. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
62.              Height="120"
63.              Padding="5"
64.              HorizontalAlignment="Stretch"  
65.              HorizontalContentAlignment="Center">
66.    
67. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
68.              Height="120"
69.              Padding="5"
70.              HorizontalAlignment="Stretch"  
71.              HorizontalContentAlignment="Center">
72.    
73. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
74.              Height="120"
75.              Padding="5"
76.              HorizontalAlignment="Stretch"  
77.              HorizontalContentAlignment="Center">
78.    
79. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
80.              Height="120"
81.              Padding="5"
82.              HorizontalAlignment="Stretch"  
83.              HorizontalContentAlignment="Center">
84.    
85. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
86.              Height="120"
87.              Padding="5"
88.              HorizontalAlignment="Stretch"  
89.              HorizontalContentAlignment="Center">
90.    
91. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
92.              Height="120"
93.              Padding="5"
94.              HorizontalAlignment="Stretch"  
95.              HorizontalContentAlignment="Center">
96.    
97. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
98.              Height="120"
99.              Padding="5"
100.              HorizontalAlignment="Stretch"  
101.              HorizontalContentAlignment="Center">
102.    
103. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
104.              Height="120"
105.              Padding="5"
106.              HorizontalAlignment="Stretch"  
107.              HorizontalContentAlignment="Center">
108.    
109. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
110.              Height="120"
111.              Padding="5"
112.              HorizontalAlignment="Stretch"  
113.              HorizontalContentAlignment="Center">
114.    
115. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
116.              Height="120"
117.              Padding="5"
118.              HorizontalAlignment="Stretch"  
119.              HorizontalContentAlignment="Center">
120.    
121. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
122.              Height="120"
123.              Padding="5"
124.              HorizontalAlignment="Stretch"  
125.              HorizontalContentAlignment="Center">
126.    
127. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
128.              Height="120"
129.              Padding="5"
130.              HorizontalAlignment="Stretch"  
131.              HorizontalContentAlignment="Center">
132.    
133. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
134.              Height="120"
135.              Padding="5"
136.              HorizontalAlignment="Stretch"  
137.              HorizontalContentAlignment="Center">
138.    
139. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
140.              Height="120"
141.              Padding="5"
142.              HorizontalAlignment="Stretch"  
143.              HorizontalContentAlignment="Center">
144.    
145. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
146.              Height="120"
147.              Padding="5"
148.              HorizontalAlignment="Stretch"  
149.              HorizontalContentAlignment="Center">
150.    
151. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
152.              Height="120"
153.              Padding="5"
154.              HorizontalAlignment="Stretch"  
155.              HorizontalContentAlignment="Center">
156.    
157. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
158.              Height="120"
159.              Padding="5"
160.              HorizontalAlignment="Stretch"  
161.              HorizontalContentAlignment="Center">
162.    
163. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
164.              Height="120"
165.              Padding="5"
166.              HorizontalAlignment="Stretch"  
167.              HorizontalContentAlignment="Center">
168.    
169. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
170.              Height="120"
171.              Padding="5"
172.              HorizontalAlignment="Stretch"  
173.              HorizontalContentAlignment="Center">
174.    
175. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
176.              Height="120"
177.              Padding="5"
178.              HorizontalAlignment="Stretch"  
179.              HorizontalContentAlignment="Center">
180.    
181. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
182.              Height="120"
183.              Padding="5"
184.              HorizontalAlignment="Stretch"  
185.              HorizontalContentAlignment="Center">
186.    
187. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
188.              Height="120"
189.              Padding="5"
190.              HorizontalAlignment="Stretch"  
191.              HorizontalContentAlignment="Center">
192.    
193. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
194.              Height="120"
195.              Padding="5"
196.              HorizontalAlignment="Stretch"  
197.              HorizontalContentAlignment="Center">
198.    
199. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
200.              Height="120"
201.              Padding="5"
202.              HorizontalAlignment="Stretch"  
203.              HorizontalContentAlignment="Center">
204.    
205. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
206.              Height="120"
207.              Padding="5"
208.              HorizontalAlignment="Stretch"  
209.              HorizontalContentAlignment="Center">
210.    
211. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
212.              Height="120"
213.              Padding="5"
214.              HorizontalAlignment="Stretch"  
215.              HorizontalContentAlignment="Center">
216.    
217. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
218.              Height="120"
219.              Padding="5"
220.              HorizontalAlignment="Stretch"  
221.              HorizontalContentAlignment="Center">
222.    
223. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
224.              Height="120"
225.              Padding="5"
226.              HorizontalAlignment="Stretch"  
227.              HorizontalContentAlignment="Center">
228.    
229. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
230.              Height="120"
231.              Padding="5"
232.              HorizontalAlignment="Stretch"  
233.              HorizontalContentAlignment="Center">
234.    
235. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
236.              Height="120"
237.              Padding="5"
238.              HorizontalAlignment="Stretch"  
239.              HorizontalContentAlignment="Center">
240.    
241. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
242.              Height="120"
243.              Padding="5"
244.              HorizontalAlignment="Stretch"  
245.              HorizontalContentAlignment="Center">
246.    
247. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
248.              Height="120"
249.              Padding="5"
250.              HorizontalAlignment="Stretch"  
251.              HorizontalContentAlignment="Center">
252.    
253. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
254.              Height="120"
255.              Padding="5"
256.              HorizontalAlignment="Stretch"  
257.              HorizontalContentAlignment="Center">
258.    
259. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
260.              Height="120"
261.              Padding="5"
262.              HorizontalAlignment="Stretch"  
263.              HorizontalContentAlignment="Center">
264.    
265. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
266.              Height="120"
267.              Padding="5"
268.              HorizontalAlignment="Stretch"  
269.              HorizontalContentAlignment="Center">
270.    
271. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
272.              Height="120"
273.              Padding="5"
274.              HorizontalAlignment="Stretch"  
275.              HorizontalContentAlignment="Center">
276.    
277. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
278.              Height="120"
279.              Padding="5"
280.              HorizontalAlignment="Stretch"  
281.              HorizontalContentAlignment="Center">
282.    
283. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
284.              Height="120"
285.              Padding="5"
286.              HorizontalAlignment="Stretch"  
287.              HorizontalContentAlignment="Center">
288.    
289. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
290.              Height="120"
291.              Padding="5"
292.              HorizontalAlignment="Stretch"  
293.              HorizontalContentAlignment="Center">
294.    
295. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
296.              Height="120"
297.              Padding="5"
298.              HorizontalAlignment="Stretch"  
299.              HorizontalContentAlignment="Center">
300.    
301. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
302.              Height="120"
303.              Padding="5"
304.              HorizontalAlignment="Stretch"  
305.              HorizontalContentAlignment="Center">
306.    
307. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
308.              Height="120"
309.              Padding="5"
310.              HorizontalAlignment="Stretch"  
311.              HorizontalContentAlignment="Center">
312.    
313. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
314.              Height="120"
315.              Padding="5"
316.              HorizontalAlignment="Stretch"  
317.              HorizontalContentAlignment="Center">
318.    
319. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
320.              Height="120"
321.              Padding="5"
322.              HorizontalAlignment="Stretch"  
323.              HorizontalContentAlignment="Center">
324.    
325. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
326.              Height="120"
327.              Padding="5"
328.              HorizontalAlignment="Stretch"  
329.              HorizontalContentAlignment="Center">
330.    
331. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
332.              Height="120"
333.              Padding="5"
334.              HorizontalAlignment="Stretch"  
335.              HorizontalContentAlignment="Center">
336.    
337. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
338.              Height="120"
339.              Padding="5"
340.              HorizontalAlignment="Stretch"  
341.              HorizontalContentAlignment="Center">
342.    
343. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
344.              Height="120"
345.              Padding="5"
346.              HorizontalAlignment="Stretch"  
347.              HorizontalContentAlignment="Center">
348.    
349. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
350.              Height="120"
351.              Padding="5"
352.              HorizontalAlignment="Stretch"  
353.              HorizontalContentAlignment="Center">
354.    
355. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
356.              Height="120"
357.              Padding="5"
358.              HorizontalAlignment="Stretch"  
359.              HorizontalContentAlignment="Center">
360.    
361. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
362.              Height="120"
363.              Padding="5"
364.              HorizontalAlignment="Stretch"  
365.              HorizontalContentAlignment="Center">
366.    
367. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
368.              Height="120"
369.              Padding="5"
370.              HorizontalAlignment="Stretch"  
371.              HorizontalContentAlignment="Center">
372.    
373. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
374.              Height="120"
375.              Padding="5"
376.              HorizontalAlignment="Stretch"  
377.              HorizontalContentAlignment="Center">
378.    
379. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
380.              Height="120"
381.              Padding="5"
382.              HorizontalAlignment="Stretch"  
383.              HorizontalContentAlignment="Center">
384.    
385. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
386.              Height="120"
387.              Padding="5"
388.              HorizontalAlignment="Stretch"  
389.              HorizontalContentAlignment="Center">
390.    
391. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
392.              Height="120"
393.              Padding="5"
394.              HorizontalAlignment="Stretch"  
395.              HorizontalContentAlignment="Center">
396.    
397. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
398.              Height="120"
399.              Padding="5"
400.              HorizontalAlignment="Stretch"  
401.              HorizontalContentAlignment="Center">
402.    
403. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
404.              Height="120"
405.              Padding="5"
406.              HorizontalAlignment="Stretch"  
407.              HorizontalContentAlignment="Center">
408.    
409. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
410.              Height="120"
411.              Padding="5"
412.              HorizontalAlignment="Stretch"  
413.              HorizontalContentAlignment="Center">
414.    
415. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
416.              Height="120"
417.              Padding="5"
418.              HorizontalAlignment="Stretch"  
419.              HorizontalContentAlignment="Center">
420.    
421. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
422.              Height="120"
423.              Padding="5"
424.              HorizontalAlignment="Stretch"  
425.              HorizontalContentAlignment="Center">
426.    
427. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
428.              Height="120"
429.              Padding="5"
430.              HorizontalAlignment="Stretch"  
431.              HorizontalContentAlignment="Center">
432.    
433. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
434.              Height="120"
435.              Padding="5"
436.              HorizontalAlignment="Stretch"  
437.              HorizontalContentAlignment="Center">
438.    
439. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
440.              Height="120"
441.              Padding="5"
442.              HorizontalAlignment="Stretch"  
443.              HorizontalContentAlignment="Center">
444.    
445. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
446.              Height="120"
447.              Padding="5"
448.              HorizontalAlignment="Stretch"  
449.              HorizontalContentAlignment="Center">
450.    
451. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
452.              Height="120"
453.              Padding="5"
454.              HorizontalAlignment="Stretch"  
455.              HorizontalContentAlignment="Center">
456.    
457. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
458.              Height="120"
459.              Padding="5"
460.              HorizontalAlignment="Stretch"  
461.              HorizontalContentAlignment="Center">
462.    
463. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
464.              Height="120"
465.              Padding="5"
466.              HorizontalAlignment="Stretch"  
467.              HorizontalContentAlignment="Center">
468.    
469. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
470.              Height="120"
471.              Padding="5"
472.              HorizontalAlignment="Stretch"  
473.              HorizontalContentAlignment="Center">
474.    
475. </rubyer:Card><rubyer:Card x:Name="cardNotice" Grid.Row="1"
476.              Height="120"
477.              Padding="5"
478.              HorizontalAlignment="Stretch"  
479.              HorizontalContentAlignment="Center">
480.    
481. </rubyer:Card>

复制代码

用户控件代码

 
 
 
 
 
 
 
 
 

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。