Загрузка...

[Делаем ваше приложение красивым WPF] Урок 2. Кнопки часть 2.

Тема в разделе C# создана пользователем Cacich 7 июл 2018. 2205 просмотров

  1. Cacich
    Cacich Автор темы 7 июл 2018 Заблокирован(а) 106 6 май 2018
    Привет, дорогой друг. Сегодня я решил рассказать тебе о том, как сделать твоё приложение не "вырвиглазным".
    Пользователям будет приятно работать с твоим приложением, потому что оно будет красивым.


    Уроков будет много, поэтому для удобства я буду оставлять ссылки на другие уроки.


    И так, вторая часть урока по кнопкам. Поехали :)
    Для начала давайте сделаем круглую кнопочку с иконкой.

    Весь доступный пак иконок можно найти здесь - ТЫК

    Первым делом добавим круглую кнопку:

    Код
    <Button Style="{StaticResource MaterialDesignFloatingActionButton}" materialDesign:ShadowAssist.ShadowDepth="Depth0" Margin="382,36,28,35" Height="Auto" Width="53" Background="#FF00A8FF" BorderBrush="#FF00A8FF"></Button>
    [IMG]

    Я сразу добавил свойства цвета и убрал на ней тень.
    Теперь нужно добавить иконку, для этого делаем следующее: между тегами <Button> ... </Button> вставляем код

    Код
    <materialDesign:PackIcon Kind="GithubCircle" Height="24" Width="24"/>
    [IMG]

    Такая красивая кнопка у нас получилась.
    Теперь давайте добавим иконку для нашей первой кнопки.

    Для начала нужно убрать у неё свойство Content, полностью стираем его в редакторе XAML.
    Далее между тегами <Button> ... </Button> вставляем код

    Код

    <StackPanel Orientation="Horizontal">
    <materialDesign:PackIcon Kind="Cookie" Height="33" Width="27"/>
    <TextBlock Margin="8 0 0 0" VerticalAlignment="Center">Моя первая кнопка</TextBlock>
    </StackPanel>
    [IMG]

    На сегодня всё, если тебя ещё интересуют кнопки - мы продолжим, если нет, то переходим к следующей теме.

    Скачать исходник
     
  2. shokedbrain
    shokedbrain 7 июл 2018 104 2 авг 2017
    А будет работа с progressbar или что-то в этом роде? Например, circle progress bar
     
  3. Cacich
    Cacich Автор темы 7 июл 2018 Заблокирован(а) 106 6 май 2018
    Да, конечно, если по кнопкам просьб нет, могу начать прогресс-бары.
     
  4. shokedbrain
    shokedbrain 7 июл 2018 104 2 авг 2017
    а что можешь про кнопки ещё?
     
  5. Cacich
    Cacich Автор темы 7 июл 2018 Заблокирован(а) 106 6 май 2018
    Да в принципе азы все рассказал, только плод фантазии твоей.

    Если только это:

    [IMG]
     
  6. shokedbrain
    shokedbrain 7 июл 2018 104 2 авг 2017
    кстати, можно
     
  7. Cacich
    Cacich Автор темы 7 июл 2018 Заблокирован(а) 106 6 май 2018
    Хорошо
     
  8. shokedbrain
    shokedbrain 7 июл 2018 104 2 авг 2017
    спасибо тебе большое за твой труд
     
  9. THEBIST206342
    THEBIST206342 29 июл 2018 Заблокирован(а) 6 9 ноя 2017
    Как убрать тень?
     
  10. THEBIST206342
    THEBIST206342 29 июл 2018 Заблокирован(а) 6 9 ноя 2017
    Вообще я пишу про ту тень которая появляется при нажатии на кнопку(белая) она на круглой кнопке убого смотрится, не знаешь как ее убрать? скачав твой исходник я понял что у тебя тоже самое.
     
  11. Cacich
    Cacich Автор темы 30 июл 2018 Заблокирован(а) 106 6 май 2018
    Скрин пожалуйста
     
  12. THEBIST206342
    THEBIST206342 30 июл 2018 Заблокирован(а) 6 9 ноя 2017
    [IMG]
     
Загрузка...
Top