StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POSelective zoom and pan in WPF
primarykey
Id
8396424
data
AcceptedAnswerId
8396468
AnswerCount
1
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2011-12-06T07:09:08.513
FavoriteCount
0
LastActivityDate
2011-12-06T07:16:17.507
LastEditDate
2011-12-06T07:16:17.507
LastEditorUserId
773885
OwnerUserId
686511
ParentId
0
PostTypeId
1
Score
0
ViewCount
759
LastEditorDisplayName
text
Body
I need to implement zooming and panning around X-axis in my bus schedule graph viewer (and, possibly, editor) written in C#/WPF. I could use simple transforms, but note that when the distance between points gets larger, the size of the points remains the same. Also, the names of the bus stations should remain on the fixed positions on the left, no matter how I pan the graph: <img src="https://i.stack.imgur.com/nCUGb.png" alt="before zoom"> <img src="https://i.stack.imgur.com/x2QFc.png" alt="after zoom"> With the current approach, all the visuals are rendered on a single ItemsControl with Canvas as an ItemsPanel and several DataTemplates, one for each type of shape (point, segment, time split line, station line). So, every shape is binded to according ViewModel, which has PosX and PosY properties, provided to Canvas: <pre class="lang-cs prettyprint-override"><code><ItemsControl.ItemContainerStyle> <Style> <Setter Property="Canvas.Left" Value="{Binding Path=PosX, UpdateSourceTrigger=PropertyChanged}" /> <Setter Property="Canvas.Top" Value="{Binding Path=PosY, UpdateSourceTrigger=PropertyChanged}" /> </Style> </ItemsControl.ItemContainerStyle> </code></pre> When I need to pan or zoom, I call OnPropertyChanged("PosX") for viewmodel of each shape. Then the property is recalculated with new values of PanX and ZoomX properties of entire graph: <pre class="lang-cs prettyprint-override"><code>public double PosX { get { return _scheduleGraphViewModel.ZoomX * _shedulePointModel.PlanTime + _scheduleGraphViewModel.PanX; } } </code></pre> The problem is that this works much slower than I was hoping. On 1000+ points it is almost unusable. Profiler tells me that the bottleneck is inside OnPropertyChanged method. I assume that the entire approach is wrong, but I cannot find or think out better solution.
Tags
<c#><wpf>
Title
Selective zoom and pan in WPF
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USK Mehta
UserOwnerUserId
1. USalesterre
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.