locked
Want to create a custom control(as look into attached image marked in red color) for app(supporting Windows 10 Desktop device family). RRS feed

  • Question

  • Want to create a custom control(as look into attached image marked in red color) for app(supporting Windows 10 Desktop device family).

    • Moved by Mattew Wu Friday, March 3, 2017 2:11 AM developing issue
    Thursday, March 2, 2017 8:58 AM

Answers

All replies

  • Hello Monumental,

    It seem that it is the FlipView with custom header 


    Make the community better together


    Thursday, March 2, 2017 10:44 AM
  • No, it's not flipview. 

    It's a tray which displaying 4 items at a time and have show all button. On click of show all new page open whch display all the items.

    Thursday, March 2, 2017 4:12 PM
  • Looking at the store app I see that it always shows a distinct number of images that resize. At certain thresholds the number of images is reduced or increased. You could realize that with a Grid and some code behind. You listen to the size change event and calculate how many images fit. The you create or remove columns in the Grid accordingly and have them all star sized equally. Make the images all stretch uniform and the Grid height will adjust accordingly.

    Please remember to mark the replies as answers if they answered your question!

    Thursday, March 2, 2017 9:06 PM
  • Is any sample available?
    Friday, March 3, 2017 6:47 PM
  • Hello Monumental,

    I cannot find a sample that matches your requirement. But we have a code which works like what you want.

    The user control you want looks like some headers with AdaptiveGridView(but the behaviors are different).

    What I mean is this http://docs.uwpcommunitytoolkit.com/en/master/controls/AdaptiveGridView/

    And the code is listed here:https://github.com/Microsoft/UWPCommunityToolkit/tree/master/Microsoft.Toolkit.Uwp.UI.Controls/AdaptiveGridView

    Maybe you can refer to it and then edit your own custom control.

    Best regards,

    Barry


    MSDN Community Support
    Please remember to click "Mark as Answer" the responses that resolved your issue, and to click "Unmark as Answer" if not. This can be beneficial to other community members reading this thread. If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.

    • Marked as answer by Monumental Wednesday, June 7, 2017 12:33 PM
    Tuesday, March 7, 2017 3:21 AM
  • @Monumental,

    Any updates?

    Best regards,

    Barry


    MSDN Community Support
    Please remember to click "Mark as Answer" the responses that resolved your issue, and to click "Unmark as Answer" if not. This can be beneficial to other community members reading this thread. If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.

    Friday, March 24, 2017 4:42 AM