Нин Чжан блог

Введение

Март 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 установить Silverlight 2 и Blend 2:

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

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

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

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

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

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

Прохождение

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

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

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

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

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

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

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

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

• Вернуться к Редактор диалоговых Коллекция серии, задайте свойства для вновь созданных ColumnSeries в правой части окна Свойства:
  • Установить DependeptValuePath к X и Y, чтобы IndependentValuePath, как в общей категории Свойства
    
  • Нажмите прямоугольник право собственности ItemsSource, выберите Data Binding ... от выскочил контекстное меню:
    
  • Выберите только один пункт, PointCollection (Array) пункт, в полях списка в Создание привязки данных диалогового, а затем нажмите кнопку Готово:
    
  • Вернуться к Редактор диалоговых Коллекция серии снова, обратите внимание 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 Toolkit 3 марта 2009 Installer:

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

• SDK:

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

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

Прохождение

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

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

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

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

• Дважды щелкните управления диаграммы, нажмите и перетащите на поверхности разработки, и вуаля, управления диаграммы создается, инициализируется некоторые образцы данных, и красиво услуг. Нам пришлось пройти через много ручных операций в 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 в набор инструментальных средств и System.Windows.Controls в SDK, автоматически добавляются в проект

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

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

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

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

Кредиты

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

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

Будьте Общительный, Share!

•