Creating a component based on Canvas in WindowsPhone - windows-phone-7

I need to create a draggable component using multiple Canvas elements, it will be used multiple times in the same panel. How to accomplish it in WindowsPhone?

You can create a separate user control containing many Canvas elements and use this Custom Control many times in the same Panel.
http://www.microsoft.com/expression/resources/BlendTraining/Day.aspx?day=3#Create

Related

Reposition ui elements in unity

I have a question regarding an issue.
How can i make items reposition themselves when I hide or show marked panel?
enter image description here
Your question is broad as there are numerous ways to achieve that:
You can use some of the UI components responsible for auto-layout
You can script your components to do what you want
You can combine both of the above
In your case the most straightforward solution would probably be to design your UI with Horizontal and Vertical Layout Groups (or perhaps a Grid).
I'm also assuming that by 'hiding' you mean setting the object to inactive. If you're just changing transparency of a canvas group for example, you'd have to resort to numbers 2 & 3.
Unity documentation has some HowTos that refer to responsive design.

Vue animation transitions between multiple lists

I'm trying to create a Kanban board in Vue where users can click and drag items from one column to another. I'm using Vue Draggable for the click-and-drag functionality, and can successfully drag items from one array to another.
I'd like a smooth transition when adding items to one array to another. The example in the transition documentation using animation-move CSS class works fine for transitions within an array, but not between arrays.
Is there any way to get a smooth animation using the built in Vue transition API when moving items from one array to another?

How do you create a drop shadow in Xamarin Forms

How do you create a drop shadow on a button or label using Xamarin Forms. I am currently using Xamarin Forms 1.3 and trying to do this in XAML if possible. Does anyone have a working example they can point me to.
I have not tried this but you could create 2 instances of the same control and put them both inside a grid so that they lay directly over each other. Then with the first control (underneath) change the opacity to 0.2 so that it is very faint, then give it a small top and left margin so it sits slightly offset from the version above it. This should result in a drop-shadow type of effect.
A much better (but more involved) way of doing this is to subclass the controls you want to add the effect to and then create custom renderers to add the effect for each platform using native code

Paging concept using scrollviewer in wp

I am new to wp7. I want to add three images to my page. But not on a single page. It should be on three pages. When i move the image, at that time, the image is changed and i am on the secong page keeping my header and footer fixed.
So how to add three image in one page?
Why do you want to use scroll-viewer?
1) Try using a pivot control without any pivot headers. Add your images to three different pivot items. In pivot the header and footer you specify will remain fixed, only the content will change.
2) Also you can create a single page. Add three images to a list. Bind it to your image control. On flick gesture, change the image URL hence changing the image being displayed but keeping every thing else constant.
I gave you two approaches, try using any one of them which suits you the best. For further information try studying pivots and flick gestures.

Customized Checkboxes

I am trying to implement image as checkbox.
I have a list with 2 columns and I want to display checbox image on right side, as a third column.On clicking that image ,the image will be changed to a different one.
In which way I can do this?
One way to do this would be to create a custom Field that extends BitmapField. This custom field could contain two Bitmap images (one for each state). You might even consider having four images, so that you can indicate when it has focus as well. For example: unchecked-non-focused, unchecked-focused, checked-non-focused, checked-focused.
When you want to change the image (i.e. on a touch event or trackball click) just have your custom Field call setBitmap() with the appropriate bitmap.

Resources