Урок 40: "Основы Flutter - рисуем радиальный прогресс бар (CustomPaint)

Поделиться
HTML-код
  • Опубликовано: 26 янв 2025

Комментарии • 68

  • @vasiliykoperdas7257
    @vasiliykoperdas7257 2 года назад +8

    В начале подумал: "ну, наверное, не очень интересное видео будет(геометрия, рисование и тд) рисовать то я точно не буду😂", но, думаю, посмотрю, какая никакая инфа да будет. НЕ ПОЖАЛЕЛ!!!!!!! спасибо)
    .
    как всегда бимба💣💥
    .
    p.s.понял, что не интересных видео здесь нет👌

  • @REMBOIV
    @REMBOIV 3 года назад +17

    Очень познавательное видео, таких на ютубе мало. Спасибо))

    • @d_a3534
      @d_a3534 3 года назад +7

      Мало? Их вообще нет, толкового материала по flutter хрен найдешь, на русском языке так точно. Спасибо автору за труд))

    • @АзимАлиев-т7н
      @АзимАлиев-т7н 3 года назад +2

      ++++++++++++++

  • @PavelGlazachev-b4n
    @PavelGlazachev-b4n 2 года назад +2

    Спасибо большое. Очень понравилось, хоть и не любил геометрию в школе, но здесь это выглядит все намного интереснее. Спасибо :)

  • @yakut54
    @yakut54 Год назад

    Очень интересный урок получился. Крутое погружение в геометрию, градусы и прочие радианы! Такого бы вот побольше. 💯⌛

  • @NikolayKantur
    @NikolayKantur 3 года назад +9

    Сколько лет пользуюсь VScode, но о refactor > extract method только узнал.
    Низкий поклон =)

  • @PsychoDelicates
    @PsychoDelicates Год назад

    Здорово! спасибо за привитие гигиены чистоты кода =0)

  • @yakut54
    @yakut54 Год назад

    Я с 1 урока этот курс прохожу. Это самый крутой урок! 🏆🏅

  • @HaKoIIuTeJIb
    @HaKoIIuTeJIb 3 года назад +8

    Нужно больше геометрии! :) Спасибо за видео! 👍

  • @emilteimurov2048
    @emilteimurov2048 3 года назад +7

    Это очень крутой урок, смотрел с удовольствием
    Спасибо!

  • @aleksandrsviridenko5079
    @aleksandrsviridenko5079 Год назад

    про рефакторинг было интересно. Спасибо!

  • @stanlygetz9616
    @stanlygetz9616 3 года назад +5

    Спасибо большое Вам за уроки! Очень интересно! Лучшие уроки по Flutter!

  • @MxMayers
    @MxMayers 3 года назад +2

    наконец то попался нормальный канал по flutter ! 👍

  • @dashaxedit
    @dashaxedit 2 года назад

    В плане рефакторинга много полезных советов, спасибо!

  • @Raimkhodzhanov
    @Raimkhodzhanov 3 года назад +1

    Геометрия это шикарно! )

  • @astashch
    @astashch 3 года назад +1

    Отличный урок, и рефакторинг хорошо. Я сразу выносил часть функционала повторяемого.

  • @yakut54
    @yakut54 Год назад +1

    Плохо, что нелзья лайкомёт разрядить.... 👍👍👍👍👍👍👍👍👍👍
    И да... Нужно больше геометрии!

  • @ВованчоХБКовский
    @ВованчоХБКовский 3 года назад +2

    Спасибо за крутой урок )))

  • @АвезовГуванч
    @АвезовГуванч 3 года назад +1

    Это хороший опыт, спасибо!))

  • @ivanboriev6177
    @ivanboriev6177 3 года назад +3

    Спасибо!

  • @lifewear.reseller
    @lifewear.reseller 3 года назад

    Спасибо за годные уроки друг, удачи в развитии!!!

  • @ВолодимирБучинський-л8ю

    Дякую за контент.

  • @СобакаСобака-щ5ц
    @СобакаСобака-щ5ц 3 года назад +1

    Спасибо, круто получилось. Можно кастом пэйнт обернуть в анимацию простую, если лень заморачиваться

  • @НекЕттА
    @НекЕттА 4 месяца назад

    хайп видик спасибо!

  • @katena20
    @katena20 2 года назад

    Огромное спасибо, очень нужная вещь! Я бы еще хотела анимацию заполнения добавить, такое возможно?

  • @alekseimozzhegorov9378
    @alekseimozzhegorov9378 3 года назад +1

    чуть проясню про логику в Flutter про круги. у нас в школе учат только одну систему кординат. это декартавая (х,у). только для плоскости очень не удобная система координат. Геодезисты те что мерят землю, используют полярную систему координат. Также есть два параметра. это: длинна от точки наблюдения и угол поворота относительно какойто прямой. Пример: стоишь ты на площади смотришь на мавзалей и тебе по телефону объясняют как дойти до выхода с площади. - " если ты лицом к мавзолею то поверни на право примерно 90 градусов и иди метров 200." итого координаты (200, -90*). или (200, -p/2)/

  • @khurshidddbek
    @khurshidddbek 2 года назад

    Спасибо за видео! 👍

  • @hello-it4378
    @hello-it4378 2 года назад +2

    Можно использовать пакет percent_indacator, чтобы нарисовать такую дугу

  • @NikolayKantur
    @NikolayKantur 3 года назад +7

    А не проще было бы нарисовать freeArc все 360, а filledArc как есть по верху, или ты перерисовывать меньше, по этому выгоднее рисовать только часть дуги?

    • @LearnDartFlutter
      @LearnDartFlutter  3 года назад +1

      Это было не так интересно) В целом разницы в этом случае никакой)

  • @CorgiBobber
    @CorgiBobber 3 года назад +2

    Это Вам спасибо за уроки :D

  • @wgodunoff7736
    @wgodunoff7736 2 года назад

    вот такой вариант подсчета начала и конца желтой дуги придумал: Offset(2.5, 2.5) & Size(size.width - 5, size.height - 5),
    (3 * pi / 2) + (pi * 2 * percent),
    pi * 2 * (1 - percent),
    false,
    filledPaint);
    почему-то в дарте наверху окружности стоит не р/2 а (3 * pi / 2)

  • @nomadgari
    @nomadgari 2 года назад

    отлично! спасибо6 за видео!

  • @farkhodakhmedov7443
    @farkhodakhmedov7443 3 года назад +1

    А можно первый Arc рисовать полностью с длиной 2пи и не заморачиваться с вычислениями, а второй просто сверху наложить ?

    • @LearnDartFlutter
      @LearnDartFlutter  3 года назад

      можно) но если там будет прозрачный цвет его будет видно)

  • @yakut54
    @yakut54 Год назад

    Рефакторить!!! 🤗

  • @АзимАлиев-т7н
    @АзимАлиев-т7н 3 года назад +2

    Кстати,есть гитхаб ссылка на этот проект?

    • @LearnDartFlutter
      @LearnDartFlutter  3 года назад +1

      Код этого проекта есть в группе вк. На гитхабе будет код начиная с 46ого урока, для подписчиков патреона)

  • @Neural.Academy
    @Neural.Academy 2 года назад +1

    37:00 просто убрал умножение на проценты и переместил код выше. И он стал просто подложкой 💩

  • @biobojlk8833
    @biobojlk8833 3 года назад

    Спасибо большое за урок.
    CustomPaint по мимо painter имеет еще аргумент child. Почему туда нельзя было передавать текст и не использовать stack?

  • @dmitry9088
    @dmitry9088 3 года назад +1

    Я думал подобные вещи всегда тянутся пакетами) Получается напишешь такое один раз и копипастишь потом, но уже свое:)

  • @gayratbeshimov9533
    @gayratbeshimov9533 3 года назад

    Thanks

  • @old_noob
    @old_noob 3 года назад +1

    А чем не устроил встроенный круглый прогресс-бар(CircularProgressIndicator)?

  • @AK-wu8iz
    @AK-wu8iz 2 года назад

    Кто-нибудь может пояснить за конструкцию Offset(1,1) & Size(30,30) ? Каким образом это преобразовывается в Rect для конструктора drawRect?

    • @LearnDartFlutter
      @LearnDartFlutter  2 года назад

      Ни как Rect и есть Offset + Size. размер и отступ

    • @alexandersergeev7669
      @alexandersergeev7669 2 года назад

      У Offset есть оператор &, который принимает Size и возвращает Rect

  • @СтаниславЛагун-х4й
    @СтаниславЛагун-х4й 3 года назад

    Огонь

  • @АмирланАубакиров
    @АмирланАубакиров 3 года назад

    для этого геометрия нужна получается?А как быстрее научится рисовать на пейнтере не знаете?

  • @Макс523
    @Макс523 2 года назад

    OK!

  • @atommixz
    @atommixz 2 года назад

    Есть ли в Dart inline functions? Вызовы функций не бесплатны, дешевле написать комментарий над каждым абзацем кода.
    Понятно что это не нагруженный участок кода, но брать за правило такой подход, не лучшая идея.
    Впрочем компилятор может быть умнее меня и просто вставит код из функций inline'ом. Вопрос открыт.

  • @evgenysmirnov4762
    @evgenysmirnov4762 3 года назад

    лайк

  • @alexdobrynin
    @alexdobrynin 2 года назад

    час времени, за который заплатит заказчик. такой себе солюшн.
    запомните граждане: если есть либа, которая умеет делать то что вам надо - никогда не пишите код сами, а юзайте эту либу.

    • @LearnDartFlutter
      @LearnDartFlutter  2 года назад

      Шикарный выбор что бы побыстрее сделать что то для заказчика и очень плохой если хочется работать в нормальной компании за нормальную зп

    • @alexdobrynin
      @alexdobrynin 2 года назад

      @@LearnDartFlutter что мешает работать в хорошей компании и не писать велосипеды?

    • @yolchev
      @yolchev 2 года назад

      @@alexdobrynin то что в хорошем продукте не очень хорошо использовать плохо написанные библиотеки, с сомнительным перформансом, качеством, секьюрностью и поддержкой? Например одна из последних наших внутренних библиотек для промисов просто на несколько порядков быстрее чем самая быстрая из доступных библиотек.

    • @alexdobrynin
      @alexdobrynin 2 года назад

      @@yolchev ну если бы вы внимательно прочитали мой самый первый коммент, то вы бы щас этого не написали. А именно я написал: "если есть либа, которая умеет делать то что вам надо...". Если либа не умеет в сесуриту или в перформанс, а это вам надо, тогда эта либа вам не подходит, очевидно же.

    • @yolchev
      @yolchev 2 года назад

      @@alexdobrynin любая Либа из паба не имеет тот перформанс что можно сделать в своей, она совершенно не так секьюрна, недавние инцеденты когда люди сложили кучу софта изменив смвли либы тому подтверждение