在网上找了一会儿也没找到我想要的效果,还是自己动手,丰衣足食吧。
需求:当前面板中只显示一张图片,图片栏的下部有用来显示当前图片处于图片队列中的位置的圆球,并且点击下部栏内的圆球可以快速切换,附动画缓动效果。
比较简单,但是还是简单说一下开发的思路吧。
主要是要有一个容器放置很多张图片,然后让它们排列好,增加鼠标事件以达到左右滑动的效果,要关联外部控件控制图片的位置,那么就要有一个依赖属性来控制。
首先,我们来一个Canvas,然后要让里面的子项排列好,不然它们就堆在一起了。(艾玛,你说为啥不用StackPanel呢?)
#region 绘制窗口 //分配容器的大小 protected override Size MeasureOverride(Size constraint) { Size size = new Size(_width, _height); foreach (UIElement e in InternalChildren) { e.Measure(new Size(_width, _height)); } return size; } //分配子项的大小 protected override Size ArrangeOverride(Size arrangeSize) { for (int i = 0; i < InternalChildren.Count; i++) { InternalChildren[i].Arrange(new Rect(i * _width, 0, _width, _height)); } return arrangeSize; } #endregion