Custom Fonts & Font Icons/Images in Xamarin.Forms
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- Goodbye static images and hello font icons! That is right, I am here to show you how to reduce your development time by using font icons inside of your Xamarin.Forms applications. I also walk through how to put in any custom font into your application with just a single line of code.
Full Xamarin Beginner's Playlist - • Xamarin & Xamarin.Form...
👕 Buy some swag! - jamesmontemagno.myspreadshop....
Time Code:
00:00 - Intro
01:25 - What are font icons, get them, and explore
05:05 - Importing fonts into Visual Studio
10:00 - Using custom font with FontFamily
11:55 - Using a font icon in XAML and static resources
14:30 - Using helper methods for font icons
17:15 - FontImageSource for Shell, Images, and More
19:15 - Wrap-up
Links:
* Blog: montemagno.com/xamarin-forms-...
* Documentation: docs.microsoft.com/xamarin/xa...
* FontAwesome: fontawesome.com/
* FontAwesome 2 C#: github.com/matthewrdev/fa2cs?...
* Icon Code Generator: andreinitescu.github.io/IconF...
* Fiverr: www.fiverr.com/s2/eb36a461d9
* Quick Tip - Setting Tab Icons: • Xamarin Quick Tips: Se...
What is on my hat? It is the CLE clothing logo because I am from Cleveland! Checkout their awesome CLE merch: cleclothingco.myshopify.com/
What is that art on my wall? It is an original piece from the French street artist Gregos of La Butte Montmartre: / bcez1onhiqx
Disclaimer: This channel, videos, and streams are created in my spare time and are a product of me... James Montemagno! They are NOT officially affiliated or endorsed by Microsoft (my employer) in any way. Opinions and views are my own.
Follow:
👨💻 GitHub: github.com/jamesmontemagno
🦜 Twitter: / jamesmontemagno
🔴 Twitch: / jamesmontemagno
📄 Website: www.montemagno.com
📰 Newsletter: newsletter.montemagno.com/
My Setup:
* Blue Spark Microphone - amzn.to/3qgtYkq
* Blue Pop Filter - amzn.to/3jEWM3r
* Rode Microphone Arm - amzn.to/2Z68AlE
* Sony MDR7306 Headphones - amzn.to/372jxta
* Stream Deck - amzn.to/373Uk1n
* Elgato Cam Link - amzn.to/3a9eGbh
* GoPro Hero - amzn.to/374lm90
* MX Master 2S Mouse - amzn.to/3d7J2gj
* Tecware Phantom Keyboard - amzn.to/3aUP4y9
#XamarinForms #FontIcons #FontAwesome - วิทยาศาสตร์และเทคโนโลยี
Hi James. Thanks for the help. I based my bachelor task on a mobile application like uber, but for businesses,with xamarin forms and your videos learned me every basic thing i needed to know. Every other tutorial is to messy. Yours is really clean. So thank you.
James Montemagno - the illest Xamarin developer around. Thanks my dude.
Great tutorial, really helped me out! Will start working through the rest now I've subbed :)
Saved my life, thank you James!
Thanks you man , really I am spending over 5 days watching ur tuts and still not finish but really it was very nice time I speed a while . I learn a lot and see a guy know how to code not man just copy and paste, pro guy like u should get 1000K like for his nice work.
again Thank you very much, and please keep good work.
THANK YOU SO VERY MUCH! You helped me out so much dude :)
Beautiful and Important.
Another nice tutorial (out of many) what's up next? I hope you consider doing a piece on how to add machine learning capabilities - I mean a coffee app should have the possibility to provide recommendations on what coffee to serve to people based on their mood - or grinder settings based on weather forecasts - right?
Cool, nice one, very helpful. Can you please do globalization/localisation in xamarin or point to any materials
Thank you :) keep meaning to look up how to bring in font awesome but never seem to get around to it... 20 min vid and it’s done and dusted
Thank you for your content. I am stuck with customizing the shell tab bar with icon fonts that change if it the tab is selected or not. I was able to use icon fonts with FontImageSource. To allow the iconfont to change, I have used Style Triggers that check the IsSelected Property and based on true or false will assign an icon font. However, this way it creates flickering and a small animation when changing tabs
See th-cam.com/video/5SpO8ePhROI/w-d-xo.html
how can we have an icon followed by the Label text. I mean an icon preceding the text for the same label. two labels with text of one set to static resource for font awesome and the other as text has some UI alignment issues.
hi James i want to Know more about the Call Log with xamarin please a video about it and to customized?
Starting April 26, 2021, all iOS and iPadOS apps submitted to the App Store must be built with Xcode 12 and the iOS 14 SDK.
Will Xamarin ios app still be able to Apple Store???
Thanks.
We shipped basically same day support for iOS 14 and Xcode 12 :) I have been using them since they came out. So the answer is yes.
Except if you want to reference them from a bit of local HTML in a web view. Then it is a bit trickier as it doesn't just pick them up. That still needs platform dependant code.
Everything I know about Xamarin, I learned from James Montemagno, Carl Franklins and Gil Cleeren (Pluralsight).
I Love You
Have any tutorial on how to change font and title size?
Will you ever create WPF tutorials? Your videos are amazing
I'm not super skilled WPF developer, but what specifically are you looking for?
This is a nice way of supporting icons, thank you! One question: Is it possible to add a contour?
A color? You can set the text color and it shows up in the color you pick
@@JamesMontemagno No, I mean something like an outline or stroke.
@@worldofbasti397 I don't think so, you would probably want to look at the built in drawing APIs of Xamarin.Forms to do that.
@@JamesMontemagno Ok, I’ll take a look at this. Thank you!
some icons from font awesome are missing, they don't display at all
I don't plan on using all of the icons, how can i only upload a couple icons into my app instead of all of them?
So you would need to find a tool that lets you pick and choose and create a new custom font. I just use it all
⭐⭐⭐⭐⭐
hey I did everything but instead of an icon it puts an x
any idea why?
Take a look at the source code github.com/jamesmontemagno/mycoffeeapp
I'm having the same issue. In my work app, it works fine. In my personal app, I have this issue. Did you ever figure it out?
I have the same problem. How do you fix that?
Hey. I had the same problem. Make sure that you:
1. Downloaded the ".ttf" or ".otf" fonts
2. Put your downloaded files into the project explorer and marked them as "Embadded ressource"
3. Add the downloaded files to your "AssemblyInfo.cs" like in the video
4. Have a class which defines the unicodes as static strings
5. Made an xmlns
6. Did the {x:Static} stuff
7. AND (THIS WAS MY PROBLEM) set the "FontFamily" attributes to your Aliases as you defined them in your "AssemblyInfo.cs". Like in the video, try FontFamily = "FAR" "FAS" or "FAB".
I hope this helps you and some others! Good luck! 😄
Can I just buy a CD-ROM with 10,000 FREE ICONS!?