Нин Чжан блог

Введение

Март 2009 Выпуск из Silverlight Toolkit имеет множество новых функций и улучшений. Среди них обновления для конструктивных особенностей времени:

• новый MSI инсталлятор, который обеспечивает тесную интеграцию с Visual Studio и смесь из окна, что делает развитие Silverlight Toolkit с гораздо проще;
• поддержка и развитие Silverlight 2 с Visual Studio 2008 и Blend 2, а также развитие Silverlight 3 с Visual Studio 2008 и Blend 3;
• добавить время разработки возможности для шести новых элементов управления ( аккордеон , DomainUpDown , LayoutTransformer , TimePicker , TimeUpDown , TransitioningContentControl );
• использовать новые проектирования расширения базы в Blend 3 (а вскоре и в Visual Studio 2010) и улучшение конструктивных особенностей времени для существующих элементов управления, как по умолчанию intializers, AlternateContentPropertyAttribute и пользовательских редакторов, чтобы обеспечить гораздо лучше опыт проектирования, особенно в Blend 3.

Это сообщение является обновлением для моих предыдущих сообщению время разработки возможности в Silverlight Toolkit .

Silverlight 2 развития с Visual Studio 2008 и Blend 2

Установка

• Во-первых, следует шаги 1 и 2 на http://silverlight.net/GetStarted~~V установить Silverlight 2 и Blend 2:

• Затем перейдите к шагу 4 Silverlight Toolkit страницы CodePlex, нажмите кнопку "Скачать последнюю версию" ссылка:

• Нажмите кнопку "Silverlight 2 Инструментарий марта 2009 Installer" ссылку, и запустить MSI: (Вы можете также сохранить MSI на свой компьютер и запустить его позже)

После завершения установки, вы увидите, Silverlight 2 Toolkit установлена ​​на вашем компьютере:

Пожалуйста, обратите внимание:

• есть пространство имен (как CLR и XMLNS префикс) и имя сборки изменение Microsoft.Windows.Controls в предыдущих версиях для System.Windows.Controls в этом выпуске. Пожалуйста, смотрите Шон Берк "с сообщение Silverlight Toolkit марта 2009 Выпуск для хорошего объяснения изменений и их последствий для развития с Silverlight Toolkit.
• помимо четырех существующих инструментарий сборки (управления, Controls.Input, Control.DataVisualization и Controls.Theming) в предыдущих версиях, есть новая сборка добавленные в этом выпуске: Controls.Layout, в котором содержится аккордеон, LayoutTransfer и TransitioningContentControls.
• Мы по-прежнему следовать той же конвенции для сборок время разработки: есть три проектирования сборок для каждой сборки во время выполнения (дизайн, expression.design и visualstudio.design...), и все время проектирования сборки находятся в папке Design.

Существует также новый Microsoft Silverlight 2 марта 2009 Toolkit меню Пуск пункт группы, чтобы обеспечить легкий доступ ко всем Toolkit информации, например, документы, образцы исходного кода на локальном компьютере, и Silverlight Toolkit форумах и CodePlex страницу на сайте:

Прохождение

Давайте используем руководства о том, как создавать диаграммы контроля в смесь, чтобы продемонстрировать во время разработки возможности для Silverlight Toolkit:

• Создайте новый Silverlight 2 проекта приложения в Blend:

• Добавить ссылку на Инструментарий сборки: (Здесь я добавляю все Инструментарий сборки, но только System.Windows.Controls.DataVisualization.Toolkit.dll необходимо для этого пошагового руководства)

• открытые библиотеки активов, щелкните вкладку управления и дважды щелкните диаграмму управления:

• Добавить диаграмму управления на поверхность разработки, установить его свойство Название категории Визуализация данных в панели Properties:

• Нажмите кнопку Создать рядом с DataContext собственность под Общие свойства, выберите PointCollection от диалоговом окне Выбор объекта, а затем нажмите кнопку OK:

• В редакторе XAML, заменить сгенерированный XAML "<PointCollection />" быть похожим на тех, кто отметил в скриншоте ниже, чтобы предоставить некоторые данные для управления диаграммы для отображения:

• Нажмите кнопку ... рядом с "серии (Collection)" имущество под категорию общих свойств, нажмите кнопку "Добавить еще один пункт" кнопки в редакторе диалоговых Collection Series, выберите ColumnSeries в диалоговом окне Выбор объекта, а затем нажмите кнопку OK:

• Вернуться к редактору диалоговых Collection Series, установить свойства для вновь созданного ColumnSeries в правой части окна Свойства:
  • Установите DependeptValuePath на X и Y в IndependentValuePath, как в общей категории свойства
    
  • Нажмите на прямоугольник право собственности ItemsSource, выберите Data Binding ... от выскочил контекстное меню:
    
  • Выберите пункт только, PointCollection (Array) пункт, в полях списка в Создание привязки данных диалогового, а затем нажмите кнопку Готово:
    
  • Вернуться к редактору диалоговых Collection Series снова, обратите внимание на свойство ItemsSource теперь окружен желтый прямоугольник, показывая, что теперь измененные данные обязательные значения. Нажмите OK, чтобы закрыть редактор серии Коллекция диалог:
    

• Мы вернулись к Смешайте главном окне, и вуаля, у нас есть диаграмма контроль оказанных хорошо с точки зрения дизайна:

Мы можем нажать F5 для построения и запуска проекта с Blend, или открыть проект в Visual Studio для продолжения редактирования XAML и кода. Обратите внимание на скриншот ниже, что панели элементов Visual Studio является автоматическим заполняется управления Toolkit:

Silverlight 3 Разработка с Visual Studio 2008 и Blend 3

Установка

Перед тем как начать, прочитайте Важные замечания разработчик http://silverlight.net/getstarted/silverlight3/default.aspx # инструменты тщательно (в скриншоте ниже тоже).

• Во-первых, следить за первые три шага на http://silverlight.net/getstarted/silverlight3/default.aspx # инструменты странице, чтобы установить Silverlight 3 Beta Tools, SDK (некоторые из предыдущих управления Toolkit, как DockPanel, WrapPanel, Expander, Viewbox, HeaderedContentControl, HeaderedItemsControl, TreeView AutoCompleteBox и т.д., и их сборки проектирования, перешли к SDK в Silverlight 3) и Blend 3 Preview:
• Затем следует четвертый шаг к Silverlight Toolkit сайте проекта CodePlex , нажмите Загрузите последнюю версию ссылку, затем нажмите кнопку и запустить Silverlight 3 Инструментарий марта 2009 Installer:

После завершения установки, вы увидите, Silverlight 3 Beta SDK и Toolkit установлена ​​на вашем компьютере:

• SDK:

• Инструментарий:

И Microsoft Silverlight 3 марта 2009 Toolkit меню Пуск пункт группу для быстрого доступа ко всей информации Toolkit:

Прохождение

Теперь давайте делать то же самое создать пошаговое руководство управления диаграммы, но на этот раз с Blend 3:

• Запустите Microsoft Expression Blend 3 Предварительный просмотр из меню Пуск, создать новые приложения Silverlight 3 + Сайт проекта:

• Нажмите актива библиотеки, обратите внимание на вкладку Управление предварительно заполняется Silverlight 3 SDK выполнения и контроля, в том числе тех, кто привык быть в Toolkit, как DockPanel, Expander, TreeView и т.д. Blend 3 заполняется актива библиотеки асинхронно, так что вы можете заметить несколько секунд задержки перед вкладке Элементы управления полностью заполнен.

• Перейдите на вкладку управления, обратите внимание, он предварительно заполняется Инструментарий управления:

• Дважды щелкните на диаграмме управления, нажмите и перетащите в области разработки, и вуаля, диаграммы управления создается, инициализируется некоторые данные, и красиво услуг. Нам пришлось пройти через множество ручных операций в Blend 2 для создания такой же результат:

Пожалуйста, обратите внимание на скриншоте выше:

• В проектах панели справа, ссылка на System.Windows.Controls.DavaVisualization.Toolkit.dll автоматически добавляется;
• в редакторе XAML, XMLNS: chartingToolkit определение автоматически добавляется
• также заметить несколько Blend 3 новые функции, такие как иконки для управления диаграммы (в обоих объектов и временной шкалы панели и панели свойств), по умолчанию инициализации, которая генерирует начальный XAML для элемента управления диаграммы.

Поскольку диаграмма управления так легко создаются, давайте сделаем немного больше в Blend 3 руководства.

• Нажмите кнопку Свойства, вкладка справа, и расширить диаграмму контроля объектов и временной шкалы на панели слева:

Пожалуйста, обратите внимание на скриншоте выше:

• В панели Properties, маленькие белые точки на право выделить свойства инициализируются по умолчанию инициализатор Диаграмма управления;
• В объектов и временной шкалы панели есть LegendItems и топоры свойства при Диаграмма объектов и IndependentAxis и DependentRangeAxis свойства в объект ColumnSeries. Это называется альтернативным свойства контента. Показать их в иерархии объектов обеспечивает легкий доступ к этим свойствам во время разработки. Например, мы можем перетащить LinearAxis имущества Оси:

Таким образом, сравнивая же создать пошаговое руководство управления диаграммы в Blend 3 и Blend 2, мы видим, что Blend 3 намного лучше дизайнера, и наше время проектирования сборок для Blend 3 были использованы многие из новых возможностей, время проектирования расширения, как по умолчанию инициализации и альтернативный собственности содержание, значительно улучшить опыт проектирования для управления Toolkit.

Теперь открыть проект в Visual Studio:

Обратите внимание, что:

• Панели инструментов слева, предварительно заполненный SDK и Инструментарий управления.
• Вывод окна в правом нижнем углу отображается сообщение об ошибке не удалось загрузить дизайн сборки. Игнорировать это безопасно.

Опыт проектирования в Visual Studio 2008 (как Silverlight 2 и 3)

Инструментарий опыт проектирования в Visual Studio является почти такой же как для Silverlight 2 и Silverlight 3, поэтому мы можем продолжать следующие из любого из выше двух пошаговые руководства. Для удобства, мы будем продолжать с Silverlight 3 руководства сразу выше.

Теперь перетащите Аккордеон управления с панели инструментов редактора XAML:

Мы видим, что:

• В XAML редактор
  • автоматически добавляется
  • <layoutToolkit:Accordion> </ layoutToolkit: аккордеон> будет автоматически добавлен
• В обозревателе решений
  • ссылки на System.Windows.Controls.Layout.Toolkit собраний и две сборки это зависит от того, в System.windows.Controls.Toolkit Toolkit и System.Windows.Controls в SDK, автоматически добавляются в проект

Теперь перетащите несколько элементов управления с панели инструментов редактора XAML.

Обратите внимание, в приведенном выше скриншоте, что:

• В XAML редактор
  • мы видим, что мы перетащить календарь, AutoCompleteBox и NumericUpDown для аккордеона
  • соответствующие определения XMLNS и XAML код добавляются автоматически
• В окне предварительного просмотра
  • XAML код правильно отображаются как мы редактируем в редакторе XAML
• В редакторе кода
  • заметить IntelliSense и всплывающая подсказка
  • Игнорировать ошибки в окне ошибки, как мы типа в XAML или код редакторов, прежде чем закончить заявление
• В Solution Explorer:
  • ссылки на необходимые сборки автоматически добавляются

Нажмите клавишу F5, и он собирается и работает нормально:

Кредиты

Я, конечно, надеюсь, что вы рады улучшению опыт проектирования, так как я реализовал большинство из них Jeff Wilcox реализована программа установки, и Джастин Ангел написал спецификация для опыта проектирования и установки. Многие из моих коллег способствовал опыт проектирования тоже, особенно RJ Boeke , Джафар Хусейн и Дэвид Ансон . Большое спасибо людям в смесь и сидр команды, в частности, Unni Ravindranathan , Гэри Линскотт Петр Блуа, Брайан Пепин, и Эрик Фиск. Без них ни одно из улучшений опыт проектирования было бы невозможно. И Шон Берк , за поддержку и внимание время разработки функций и глубокая вовлеченность в решение ключевых жестких технических проблем.

Я напишу следить за сообщение о дизайне обновления времени запланированным на март 2009 релиз. Оставайтесь с нами!