Note
Access to this page requires authorization. You can try signing in or changing directories.
Access to this page requires authorization. You can try changing directories.
Microsoft Blend for Visual Studio (formerly Microsoft Expression Blend) is a user interface design tool developed and sold by Microsoft for creating graphical interfaces for web and desktop applications.
We are going to create something like the following screenshot:
https://ayyazahmadtarar.files.wordpress.com/2015/11/rotator4.gif?w=372&h=169
**Step 1: **Create a new black UWP (Universal windows platform) project and open the Mainpage.xaml in blend as in the following image.
https://ayyazahmadtarar.files.wordpress.com/2015/11/capture.png?w=736
Your app will open in Blend.
Step 2: Create two circles or any image you want like the following screenshot:
https://ayyazahmadtarar.files.wordpress.com/2015/11/rotator.gif?w=736
Step 3: Create a new story board and set their initial position, where you want to place them on screen. As you set them you will see https://ayyazahmadtarar.files.wordpress.com/2015/11/capture1.png?w=17&h=24 appears in storyboard. Drag the time pointer to 1 sec and record the movement.
https://ayyazahmadtarar.files.wordpress.com/2015/11/rotator2.gif?w=682&h=322
Step 4: This is an optional step and you can also add action of this animation to your controller. Just drag the button from toolbox.
https://ayyazahmadtarar.files.wordpress.com/2015/11/rotator3.gif?w=736
Run the application and you will get the following:
https://ayyazahmadtarar.files.wordpress.com/2015/11/rotator4.gif?w=372&h=169