Image Converter
Syntax :
{Binding Converter={StaticResource Image}, ConverterParameter = Actions/Amend }
{Binding Converter={StaticResource Image}, ConverterParameter = AzureDocLink/[EmplCode].png }
{Binding Converter={StaticResource Image}, ConverterParameter = https://.....[EmplCode] }
{Binding Converter={StaticResource Image}, ConverterParameter = F:Amend }
{Binding Converter={StaticResource Image}, ConverterParameter = D:ImageCode }
Syntax rút gọn:
#_Image(AzureDocLink/[EmplCode].png)_# trả về hình ảnh của nhân viên, lưu trữ trên AzureDocLink
#_Image(http://....)_#
#_Image(F:Amend)_#
#_Image(F:Amend|Orange)_#
Converter này được dùng để chuyển đổi giá trị chuỗi thành hình ảnh.
Mã hình ảnh được quy định ở giá trị ConverterParameter
Mã hình ảnh có thể được xây dựng như sau:
Tên hình trên trang web hình ảnh của SPC tại đây
Tham số ConverterParameter có thể chứa giá trị của các trường của mẩu tin liên kết. Trong ví dụ 2 Ta có thể trả về hình của nhân viên của mẩu tin nhân viên liên kết nếu toàn bộ hình ảnh nhân viên được tải lên cloud hoặc trang web nào đó.
Consultant có thể tải Hình nhân viên lên Azure với tính năng pbs.BO.Azure.CloudMedia với mã nhân viên chính là tên tệp hình ảnh. Khi đó mã hình ành sẽ làM:Mã_nhân_viênHình ảnh có thể là bất kỳ đường dẫn nào trên web chỉ cần bắt đầu bằng
http://hoặchttps://Hình ảnh có thể là hình up lên bằng tính năng Media. Ta chỉ cần khai báo
M:Mã_hình. Chương trình sẽ tự thêm vào đường dẫn tới hình được up lên. Xem thêm tính năng pbs.BO.Azure.CloudMedia để biết cách up hình lên kho lưu trữ.Hình ảnh cũng có thể lấy từ bộ font chữ spcicons kèm chương trình. Khi muốn dùng hình từ bộ font icons này. Chỉ cần thêm prefix F: trước tên icon.
5.1. Ta có thể áp màu cho hình ảnh bằng cách thêm mã màu sau tên icon.
Ví dụF:Amend,F:Create,F:Copy,F:Delete.
Ví dụF:Amend|Orange,F:Create|Green|,F:Copy|#222831,F:Delete|Red. 5.2. Khi chương trình không tìm thấy icon của 1 chuỗi ký tự. Ví dụ :F:NonExisting_Icon. Nó sẽ thể hiện bằng ký tự đầu tiên của chuỗi.NonExistingtương ứng vói NHình ảnh lưu trong CSDL vào chức năng Application Resources. Khi upload hình ảnh từ desktop thông qua PictureEdit, hình ảnh ngầm định sẽ được upload lên đây. Để lấy hình từ nguồn này. ta sử dụng prefix
D:+mã hình
✔️ Ví dụ
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:ce="clr-namespace:SPC.Views.BaseView.CustomEditors"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" >
<Grid>
<Image Source=" {Binding Converter={StaticResource Image},ConverterParameter = D:EMPEME777 }"/>
</Grid>
</ContentPage>
🔑 Tips
| Prefix | Ý nghĩa |
|---|---|
| F | Font chữ |
| M | Media |
| D | Database |
Xem thêm
Danh mục toàn bộ font chữ spcicons:
static class IconFont
{
public const string OkCircled = "\ue800";
public const string AlphaABox = "\ue801";
public const string Ok = "\ue802";
public const string Cancel = "\ue803";
public const string CancelCircled = "\ue804";
public const string Plus = "\ue805";
public const string Minus = "\ue806";
public const string MinusCircled = "\ue807";
public const string PlusCircled = "\ue808";
public const string HelpCircled = "\ue809";
public const string InfoCircled = "\ue80a";
public const string AlphaBBox = "\ue80b";
public const string Tags = "\ue80c";
public const string Heart = "\ue80d";
public const string AlphaCBox = "\ue80e";
public const string User = "\ue80f";
public const string ThLarge = "\ue810";
public const string Camera = "\ue811";
public const string AlphaDBox = "\ue812";
public const string Lock = "\ue813";
public const string LockOpen = "\ue814";
public const string Pin = "\ue815";
public const string Flight = "\ue816";
public const string Briefcase = "\ue817";
public const string Attach1 = "\ue818";
public const string Pencil = "\ue819";
public const string Phone = "\ue81a";
public const string Left = "\ue81b";
public const string Right = "\ue81c";
public const string AttentionCircled = "\ue81d";
public const string CreditCard = "\ue81e";
public const string Hammer = "\ue81f";
public const string AlphaEBox = "\ue820";
public const string Users = "\ue821";
public const string Mail1 = "\ue822";
public const string Share = "\ue823";
public const string Camera1 = "\ue824";
public const string FolderOpen = "\ue825";
public const string Folder = "\ue826";
public const string Doc = "\ue827";
public const string Basket = "\ue828";
public const string Calendar = "\ue829";
public const string RightOpen = "\ue82a";
public const string LeftOpen = "\ue82b";
public const string DownOpen = "\ue82c";
public const string UpOpen = "\ue82d";
public const string RightBig = "\ue82e";
public const string LeftBig = "\ue82f";
public const string DownBig = "\ue830";
public const string UpBig = "\ue831";
public const string LeftDir = "\ue832";
public const string RightDir = "\ue833";
public const string DownDir = "\ue834";
public const string UpDir = "\ue835";
public const string ArrowsCw = "\ue836";
public const string Cw = "\ue837";
public const string Ccw = "\ue838";
public const string Home = "\ue839";
public const string AlphaFBox = "\ue83a";
public const string HeartEmpty = "\ue83b";
public const string Star = "\ue83c";
public const string StarEmpty = "\ue83d";
public const string AlphaGBox = "\ue83e";
public const string AlphaHBox = "\ue83f";
public const string AlphaIBox = "\ue840";
public const string AlphaJBox = "\ue841";
public const string AlphaKBox = "\ue842";
public const string AlphaLBox = "\ue843";
public const string AlphaMBox = "\ue844";
public const string AlphaNBox = "\ue845";
public const string Ok2 = "\ue846";
public const string Cancel2 = "\ue847";
public const string OkCircle = "\ue848";
public const string CancelCircle = "\ue849";
public const string ReplyAll = "\ue84a";
public const string Reply = "\ue84b";
public const string AlphaOBox = "\ue84c";
public const string AlphaPBox = "\ue84d";
public const string AlphaQBox = "\ue84e";
public const string AlphaRBox = "\ue84f";
public const string AlphaSBox = "\ue850";
public const string AlphaTBox = "\ue851";
public const string AlphaUBox = "\ue852";
public const string AlphaVBox = "\ue853";
public const string AlphaWBox = "\ue854";
public const string AlphaXBox = "\ue855";
public const string AlphaYBox = "\ue856";
public const string AlphaZBox = "\ue857";
public const string AlphaACircle = "\ue858";
public const string AlphaBCircle = "\ue859";
public const string AlphaCCircle = "\ue85a";
public const string AlphaDCircle = "\ue85b";
public const string AlphaECircle = "\ue85c";
public const string AlphaFCircle = "\ue85d";
public const string AlphaGCircle = "\ue85e";
public const string AlphaHCircle = "\ue85f";
public const string AlphaICircle = "\ue860";
public const string AlphaJCircle = "\ue861";
public const string AlphaKCircle = "\ue862";
public const string AlphaLCircle = "\ue863";
public const string AlphaMCircle = "\ue864";
public const string AlphaNCircle = "\ue865";
public const string AlphaOCircle = "\ue866";
public const string AlphaPCircle = "\ue867";
public const string AlphaQCircle = "\ue868";
public const string AlphaSCircle = "\ue869";
public const string AlphaTCircle = "\ue86a";
public const string AlphaUCircle = "\ue86b";
public const string AlphaVCircle = "\ue86c";
public const string AlphaWCircle = "\ue86d";
public const string AlphaXCircle = "\ue86e";
public const string AlphaYCircle = "\ue86f";
public const string Filter = "\uf0b0";
public const string Docs = "\uf0c5";
public const string Money = "\uf0d6";
public const string MailAlt = "\uf0e0";
public const string Sitemap = "\uf0e8";
public const string DocText = "\uf0f6";
public const string Building = "\uf0f7";
public const string Hospital = "\uf0f8";
public const string FolderEmpty = "\uf114";
public const string FolderOpenEmpty = "\uf115";
public const string Direction = "\uf124";
public const string Help = "\uf128";
public const string CalendarEmpty = "\uf133";
public const string Rocket = "\uf135";
public const string DocInv = "\uf15b";
public const string DocTextInv = "\uf15c";
public const string SortNameUp = "\uf15d";
public const string SortNameDown = "\uf15e";
public const string SortNumberUp = "\uf162";
public const string SortNumberDown = "\uf163";
public const string Male = "\uf183";
public const string Box = "\uf187";
public const string Bank = "\uf19c";
public const string GraduationCap = "\uf19d";
public const string Cubes = "\uf1b3";
public const string Recycle = "\uf1b8";
public const string Cab = "\uf1b9";
public const string Tree = "\uf1bb";
public const string Database = "\uf1c0";
public const string FilePdf = "\uf1c1";
public const string FileWord = "\uf1c2";
public const string FileExcel = "\uf1c3";
public const string FilePowerpoint = "\uf1c4";
public const string FileImage = "\uf1c5";
public const string FileArchive = "\uf1c6";
public const string Wechat = "\uf1d7";
public const string PaperPlane = "\uf1d8";
public const string Binoculars = "\uf1e5";
public const string Plug = "\uf1e6";
public const string Trash = "\uf1f8";
public const string Server = "\uf233";
public const string UserPlus = "\uf234";
public const string Train = "\uf238";
public const string CalendarPlusO = "\uf271";
public const string CalendarMinusO = "\uf272";
public const string CalendarTimesO = "\uf273";
public const string CalendarCheckO = "\uf274";
public const string AirplaneLanding = "\uf5d4";
public const string AirplaneTakeoff = "\uf5d5";
}
Updated on : 2021-11-08 21:41:39. by : . at T470-01.
Topic : ImageConverter