Стилистика списка и выпуск шаблона управления в Silverlight

Question

Мне нужно изменить шаблон Listbox таким образом, чтобы он выглядел так, как показано на рисунке ниже

альтернативный текст http://www.freeimagehosting.net/uploads/05598e4d35.png

Я добавил тумблер в listboxdatatemplate ... иметь одну стековую панель в шаблоне стиля списка так что структура похожа border - stackpanel - grid - itemcontainer [boder-togglerbutton]

теперь, чтобы сделать первый и последний элемент изогнутым ... каковы пути ... если я сделаю границу стека панелей изогнутой ... когда выбран первый элемент и изменен его фон ... он показывает квадрат внутри внешней границы ... так что я не могу посмотреть, как показано ниже ...

Есть идеи? как сделать дизайн таким образом, используя listbox, как показано на картинке выше ...

на изображении выбраны 1,3 и 4 элемента, остальные находятся в обычном режиме ...

- заранее спасибо

Answer 1

Я сделал это с помощью списка в Blend внутри ItemTemplate, создав левую границу и правую границу, которые находятся в одном и том же пространстве. LeftBorder определено с cornerRadius 10,0,0,10, а правое с cornerRadius 0,10,10,0. Затем я устанавливаю для них непрозрачность 0 (вы можете использовать видимость, если вы предпочитаете) и устанавливаю ChangePropertyAction для обоих загруженных событий, зависящих от первого и последнего элемента в вашем списке.

Это плохая часть, мне нужно было сделать это условно для элементов в вашем списке, но вы можете определить другое свойство и установить его в качестве первого и последнего или создать несколько шаблонов, которые вы устанавливаете, если в список из элемента управления (отсутствует в шаблоне).

Если вы считаете, что это может быть вам интересно, дайте мне знать, и я опубликую в своем блоге, а также постараюсь внести пару изменений в вашу ситуацию. Я не уверен, как загрузить проект сюда.