Тёмный

Flutter Tutorial - Custom Paint - Draw Line, Square, Rect, Circle, Triangle, Arc & Image 

HeyFlutter․com
Подписаться 203 тыс.
Просмотров 50 тыс.
50% 1

Опубликовано:

 

29 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 71   
@HeyFlutter
@HeyFlutter Год назад
This might help you :) 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com Source Code: github.com/JohannesMilke/custom_paint_ii_example
@itsbetter8734
@itsbetter8734 3 года назад
Thank you Milke you are amazing. Im so grateful to find your channel.
@asif_imtiaz
@asif_imtiaz Год назад
You are Amazing! I love these videos. So to the point and extremely helpful!! You always start from the basics and leave no step unexplained.
@HeyFlutter
@HeyFlutter Год назад
Glad to hear that, Thank you Asif Imtiaz ! 😊
@nested9301
@nested9301 3 года назад
best video on custom paint wow
@MahmoudSeoudiCEO
@MahmoudSeoudiCEO 3 года назад
the best tutorial for canvas in flutter
@easazade
@easazade 3 года назад
thanks alot. saved me on drawing arc
@pavanejp
@pavanejp 3 года назад
it works for me perfectly!! Thanks
@dancunchiriga
@dancunchiriga 3 года назад
Thanks Mr JM.. awesome work
@stefanomilani
@stefanomilani 2 года назад
Wonderful! Thank you for sharing this great example
@hatimus
@hatimus 3 года назад
Yet another good video from Milke!
@muhammadnaveeed9382
@muhammadnaveeed9382 3 года назад
thanks sir amazing tutorial am happy to find this channel
@ahmedatcha6326
@ahmedatcha6326 3 года назад
Awesome. I'll download and watch it later
@olumideolubosede7560
@olumideolubosede7560 Год назад
Thank you for the tutorial.
@HeyFlutter
@HeyFlutter Год назад
You are welcome, @olumideolubosede7560 😊
@SayedAymaan
@SayedAymaan 2 года назад
Thank you for tutorial
@SayedAymaan
@SayedAymaan 2 года назад
@@HeyFlutter Welcome
@sivabalan5720
@sivabalan5720 3 года назад
Hi JohannesMilke, I would like learn more advance in Custom Paint. Could you help me with this.
@thinkingaboutit7635
@thinkingaboutit7635 3 года назад
U r amazing... your videos very helpful for me. Thx bro keep going
@ComputerScienceAcademy5220
@ComputerScienceAcademy5220 3 года назад
Thanks for the rich video! 1 question, how do you write/present the code in your tutorials? It seems like copy-paste but I think it's something else, I saw the same style of videos on Fireship channel.
@kasandrop
@kasandrop 3 года назад
very nice thank you. Some new things I learned. I am interested as well in how to draw a shadow of concave Polygon. canvas.drawshadow does the job for convex shapes like triangle but for concave shapes the shadow is not what I would expect.
@prettygirl6146
@prettygirl6146 2 года назад
how did you know that it contains "..stroke cap" etc? can you point me the official documentation which contain such information? thanks
@anilpandit52
@anilpandit52 3 года назад
Thank you for great learning experience. Is it possible to draw architectural sketches of rooms with dimensions and show doors and windows?
@anilpandit52
@anilpandit52 3 года назад
@@HeyFlutter Thank you sir for a prompt response. It will be great, if a sample can be presented by you in a video format. Or a URL for other resources that I can refer to ...
@devaliero-3d597
@devaliero-3d597 Год назад
Hi, I am trying to figure out how much performance penalty there will be if using flutter canvas for web compared to html5 canvas. Assuming hundreds of animated objects. Any your thoughts on the subject would be appreciated.
@HeyFlutter
@HeyFlutter Год назад
Thank You @devaliero-3d597! Follow this link: medium.com/@david_90860/flutter-web-in-2023-is-it-good-for-you-4c2d51129b80 I hope you will get your answer 🙂
@devaliero-3d597
@devaliero-3d597 Год назад
@@HeyFlutter Thank you
@Liv_Life
@Liv_Life 3 года назад
awesome...
@nandanajah
@nandanajah 2 года назад
Thank you 💙
@HeyFlutter
@HeyFlutter 2 года назад
You are welcome, Fernanda Maia!
@filipemendes6140
@filipemendes6140 Год назад
Thank you very much!! Helped a lot!! Do you know how can I make the triangle rounded?
@HeyFlutter
@HeyFlutter Год назад
Thank You Filipe Mendes! Follow this link: stackoverflow.com/questions/68270121/flutter-how-to-give-triangle-shape-to-container I hope you will get your answer 🙂
@jacobmiller38
@jacobmiller38 3 года назад
Great videos, but what are the benefits of drawing the image like you did vs just displaying the jpg? Thanks in advance
@codewithSensei
@codewithSensei Год назад
paint is used to make custom widget this is just begining
@geraldcampana9296
@geraldcampana9296 3 года назад
thank you very much!
@neocoretec
@neocoretec Год назад
Thank you!!!!
@HeyFlutter
@HeyFlutter Год назад
You are welcome, Tolga Akman!
@KennyFully
@KennyFully Год назад
Can you make a tutorial to help us understand how to load asset images for the custom paint?
@HeyFlutter
@HeyFlutter Год назад
Thanks for the idea, ケニー! 🙂 I have added it to my list of ideas for future videos!
@ddyme2410
@ddyme2410 2 года назад
thank you
@HeyFlutter
@HeyFlutter 2 года назад
You are welcome, ddyme!
@nordinnebenderradji7653
@nordinnebenderradji7653 2 года назад
hi, can we draw a circle on position where user tap ?
@nordinnebenderradji7653
@nordinnebenderradji7653 2 года назад
@@HeyFlutter i did nothing, i am the guy who need to say thank you ^^ so thank you
@pierremarais7669
@pierremarais7669 3 года назад
Hi Johannes, I want to change Custom Paint widget colors when pressing on a button, random color would be selected, thanks for your videos
@pierremarais7669
@pierremarais7669 3 года назад
@@HeyFlutter Thanks
@pierremarais7669
@pierremarais7669 3 года назад
@@HeyFlutter How do I call the Custompaint from my button when Tapped?
@brenoverissimo3846
@brenoverissimo3846 2 года назад
dude, amazing tutorial! But I have one hurtful doubt: where is your accent from?!
@brenoverissimo3846
@brenoverissimo3846 2 года назад
@@HeyFlutter oooh that makes sense, I've never heard anything like it before xD thx, I hope I wasn't invasive!
@thanh-binhnguyen5603
@thanh-binhnguyen5603 2 года назад
Hi, I want to ask if it's possible to draw an animated shape. For example I want to draw a blinking red circle. Can you create a tutorial for that? If not, do you know what keyword can I look for?
@HeyFlutter
@HeyFlutter 2 года назад
Thanks for the idea Thanh-Bình Nguyễn 😀, i have added it in my list of future videos
@alexyan7245
@alexyan7245 3 года назад
awesome sir, please do http request api next xD
@gnrslashsp6501
@gnrslashsp6501 3 года назад
And again, a nice and useful tutorial! Question: If I need to draw an image as a background and want user to drawn on this image (without change the image), can I put the image as a child and use the foregroundpainter to draw above the image right? and how can I export a PNG image containing the background image and every shape that users did?
@HelloUltraGamerz
@HelloUltraGamerz 3 года назад
I get an error when I call the "foregroundPainter"
@HelloUltraGamerz
@HelloUltraGamerz 3 года назад
@@HeyFlutter thanks it's now working, I called the custom paint in the body forgetting to call a container for it
@ctex10
@ctex10 11 месяцев назад
Hello everyone, I want to draw a simple image with .png extension on the screen with code in Flutter. How can I do that?
@HeyFlutter
@HeyFlutter 11 месяцев назад
Thank You @ctex10! Follow this link: appmaking.com/display-image-in-flutter/ I hope you will get your answer 🙂
@ctex10
@ctex10 11 месяцев назад
thank you
@amirjosevelasquezaburdene4318
@amirjosevelasquezaburdene4318 6 месяцев назад
Is there a way to draw a dotted line?
@HeyFlutter
@HeyFlutter 6 месяцев назад
Thank You @amirjosevelasquezaburdene4318! Follow this link: pub.dev/packages/dotted_line I hope you will get your answer 🙂
@darshakvasoya2075
@darshakvasoya2075 3 года назад
How can I pay money through UPI with my flutter app? Plz make it video on it as soon as possible.
@sanjiblimbu4661
@sanjiblimbu4661 Год назад
How to give rounded corner to triangle?
@HeyFlutter
@HeyFlutter Год назад
Thank You Sanjib Limbu! Follow this link: stackoverflow.com/questions/68270121/flutter-how-to-give-triangle-shape-to-container I hope you will get your answer 🙂
@progegypt
@progegypt 3 года назад
My Pro
@SameerShaikh-kn9rr
@SameerShaikh-kn9rr 2 года назад
This one also complicated, please write all code in single widget , after completed code then you can seperate the widget so thats better to understand beginners like me
@jayarammanikumar229
@jayarammanikumar229 3 года назад
You explained everything except the drawPath() :-( . which is basically what i am searching for. :-( :-(
@yadhusanil7077
@yadhusanil7077 2 года назад
@kevinhoven4273
@kevinhoven4273 2 года назад
zoom out please :)
@magacaygamaxamuud7253
@magacaygamaxamuud7253 2 года назад
DrawAtlas()
@HeyFlutter
@HeyFlutter 2 года назад
🙂
@magacaygamaxamuud7253
@magacaygamaxamuud7253 2 года назад
@@HeyFlutter I mean Canvas.drawAtlas();
Далее
CustomPainter - Art with Flutter
10:00
Просмотров 11 тыс.
Nightmare | Update 0.31.0 Trailer | Standoff 2
01:14
Просмотров 686 тыс.
TOP 12 ListView Widgets | Flutter Tutorial
19:28
Просмотров 34 тыс.
Flutter Tutorial: Drawing App (CustomPaint)
38:03
Просмотров 17 тыс.
Coding a FULL App with AI (You Won't Believe This)
15:19
Top 30 Flutter Tips and Tricks
6:50
Просмотров 565 тыс.
Flutter - Drawing Apps with Undo and Redo Button
24:05
Nightmare | Update 0.31.0 Trailer | Standoff 2
01:14
Просмотров 686 тыс.