Приложение Часы

В часах самое главное это стрелки. Так как другие элементы – фон и цифры — это обычные графические файлы, которые вы можете создать сами или найти. Стрелки описываются XAML файлом, если вам это не знакомо, то обратитесь к программисту, который знает, что это. В данной версии нет инструментов для более легкого их конструирования.

Иерархия расположения элементов часов – снизу-вверх: циферблат для секунд, минут, часов, группа элементов для формирования секундной стрелки, минутной и часов. Итак, часы могут дать еще минимум 6 слоев.

Название: Схема расположения стрелок

Для каждого элемента используется структура <StackPanel>…</StackPanel>. Таким образом любой элемент может состоять из очень большого кол-ва под элементов. Циферблаты для секунд, минут и часов – неподвижные. Рассмотрим элемент Минута из файла Template.score (c:\Users\ИмяПользователя\Documents\ArtScope\Skins\Template.scope).

Название: геометрические часы

Этот элемент состоит из трех под элементов: большая оранжевая рамка, маленькая рамка и иконка.

Большая рамка

<Path Width="860"

      Height="860"

      VerticalAlignment="Top"

Data="M1.20805,0L16.78775,0C17.452216,0,17.9958,0.543582,17.9958,1.20805L17.9958, 16.78775C17.9958,17.452216,17.452218,17.9958,16.78775,17.9958L1.20805,17.9958C0.543584000000002, 17.9958,1.77635683940025E-15,17.452218,1.77635683940025E-15,16.78775L1.77635683940025E-15,1.20805C1.77635683940025E-15,0.543584000000002,0.543582000000002,1.77635683940025E-15,1.20805,1.77635683940025E-15z"

      Fill="#00FF00FF"

      Stretch="Fill"

      Stroke="#F95405"

      StrokeThickness="6" />

Маленькая рамка

<Path Width="60"

      Height="60"

      Margin="0,-810,0,0"

      VerticalAlignment="Top"

Data="M1.20805,0L16.78775,0C17.452216,0,17.9958,0.543582,17.9958,1.20805L17.9958, 16.78775C17.9958,17.452216,17.452218,17.9958,16.78775,17.9958L1.20805,17.9958C0.543584000000002, 17.9958,1.77635683940025E-15,17.452218,1.77635683940025E-15,16.78775L1.77635683940025E-15,1.20805C1.77635683940025E-15,0.543584000000002,0.543582000000002,1.77635683940025E-15,1.20805,1.77635683940025E-15z"

      Fill="#291A13"

      Stretch="Fill"

      Stroke="#F95405"

      StrokeThickness="4" />

Иконка

<Image Width="40"

      Height="40"

      Margin="0,-800,0,0"

      VerticalAlignment="Top"

      Source="../Images/artscope.ico"

Stretch="Fill" />

Смещение элемента Минута задается так

<Style x:Key="MinuteElements"

BasedOn="{x:Null}"

TargetType="{x:Type Control}">

<Setter Property="Margin" Value="-430,-430,0,0" />

Если вы допустите ошибку, то возможно приложение перестанет работать. Тогда будет необходимо изменить расширение файла, исправить ошибки и снова вернуть расширение имени файла к .scope.

Когда закончите, дайте файлу краткое название xxx.scope и тогда при следующей загрузке программы, это имя появится в списке выбора тем для часов.