Кисті Windows Runtime

Кисті являють собою спеціальні обєкти, які визначають, яким чином зафарбовувати контур і вміст інших обєктів Розглянемо всі кисті по порядку

Вище ми використовували для зафарбовування контуру визначення кольорів (Red, Green і т д) Насправді всі використовувані нами значення завжди перетворювалися на екземпляр класуSolidColorBrush Це спеціальний вид кисті, який заповнює контур або внутрішню частину примітиву одним кольором Фактично, два прямокутники нижче будуть зафарбовані одним кольором

&ltRectangle Width=&quot300&quot Height=&quot100&quot Fill=&quotRed&quot&gt&lt/Rectangle&gt

&ltRectangle Width=&quot300&quot Height=&quot100&quot&gt

&ltRectangleFill&gt

&ltSolidColorBrush Color=&quotRed&quot&gt&lt/SolidColorBrush&gt

&lt/RectangleFill&gt

&lt/Rectangle&gt

Природно, що подібну кисть можна встановити і в коді на C #

rectFill = new SolidColorBrush(ColorsRed)

КистьLinearGradientBrush    дозволяє зафарбувати області або контур з використанням лінійного градієнта За замовчуванням лінійний градієнт розраховується від верхнього лівого кута до нижнього правого і дозволяє виконати плавний перехід від одного кольору до іншого

&ltRectangle Width=&quot300&quot Height=&quot300&quot&gt

&ltRectangleFill&gt

&ltLinearGradientBrush&gt

&ltGradientStop Color=&quotRed&quot Offset=&quot0&quot&gt&lt/GradientStop&gt

&ltGradientStop Color=&quotGreen&quot Offset=&quot1&quot&gt&lt/GradientStop&gt

&lt/LinearGradientBrush&gt

&lt/RectangleFill&gt

&lt/Rectangle&gt

Напрямок градієнта легко змінити, якщо задати такі властивості, як StartPoint і EndPoint При цьому потрібно памятати, що градієнт привязаний до нормованого прямокутнику зі сторонами, рівними 1

&ltRectangle Name=&quotrect&quot Width=&quot300&quot Height=&quot300&quot&gt

&ltRectangleFill&gt

&ltLinearGradientBrush StartPoint=&quot0,1&quot EndPoint=&quot1,0&quot&gt

&ltGradientStop Color=&quotRed&quot Offset=&quot0&quot&gt&lt/GradientStop&gt

&ltGradientStop Color=&quotWhite&quot Offset=&quot05&quot&gt&lt/GradientStop&gt

&ltGradientStop Color=&quotGreen&quot Offset=&quot1&quot&gt&lt/GradientStop&gt

&lt/LinearGradientBrush&gt

&lt/RectangleFill&gt

&lt/Rectangle&gt

Наведений код не тільки змінив напрямок градієнта, а й встановив велику кількість інтервалів Таким чином, до діагоналі прямокутника колір буде змінюватися з червоного на білий, а після діагоналі – З білого на зелений

Поряд з заливаннями за допомогою кольору можна заповнювати певну область зображенням Для цього призначена спеціальна кистьImageBrush Вона має дві основні властивості – ImageSource і Stretch Перше з них задає посилання на зображення, а другий визначає, як зображення буде заповнювати область (за замовчуванням заповнює всю область)

Нижче наведено приклад коду, що використовує ImageBrush в якості заливки

&ltTextBlock Text=&quotHello&quot FontSize=&quot170&quot FontWeight=&quotBold&quot&gt

&ltTextBlockForeground&gt

&ltImageBrush ImageSource=&quotTulipsjpg&quot&gt&lt/ImageBrush&gt

&lt/TextBlockForeground&gt

&lt/TextBlock&gt

Сергій Лутай, Сергій Байдачний, Windows 8 для C # розробників

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*