A matchmaking app is nothing without those special drop-zones on each side of the screen. We want to do a few things here, as follows:
- When a user drags an image to either side, text should appear that says LIKE or DENY (the decision zones).
- When a user drops an image on a decision zone, the app should remove the image from the page.
We will create the zones by adding some XAML code to the SwiperControl.xaml file and then move on to adding the necessary code to make this happen. It is worth noting here that the zones are not actually hotspots for dropping the image, but rather for displaying labels on top of the control surface. The actual drop-zones are calculated and determined based on how far you drag the image.