private async Task UpdateSymbolPreview(Symbol symbolToShow)
{
if (symbolToShow == null)
{
return;
}
// Create a swatch from the symbol with a white background.
RuntimeImage swatch = await symbolToShow.CreateSwatchAsync(80, 80, 96, Color.White);
// Convert the swatch to an image source and show it in the Image control.
ImageSource symbolImage = await RuntimeImageExtensions.ToImageSourceAsync(swatch);
SymbolPreviewImage.Source = symbolImage;
}
private async Task ReadMobileStyle(string stylePath)
{
try
{
// Open the mobile style file at the provided path.
_emojiStyle = await SymbolStyle.OpenAsync(stylePath);
// Get the default style search parameters.
SymbolStyleSearchParameters searchParams = await _emojiStyle.GetDefaultSearchParametersAsync();
// Search the style with the default parameters to return all symbol results.
IList <SymbolStyleSearchResult> styleResults = await _emojiStyle.SearchSymbolsAsync(searchParams);
// Create lists to contain the available symbol layers for each category of symbol and add an empty entry as default.
List <SymbolLayerInfo> eyeSymbolInfos = new List <SymbolLayerInfo> {
new SymbolLayerInfo("", null, "")
};
List <SymbolLayerInfo> mouthSymbolInfos = new List <SymbolLayerInfo> {
new SymbolLayerInfo("", null, "")
};
List <SymbolLayerInfo> hatSymbolInfos = new List <SymbolLayerInfo>()
{
new SymbolLayerInfo("", null, "")
};
// Loop through the results and put symbols into the appropriate list according to category.
foreach (SymbolStyleSearchResult result in styleResults)
{
// Get the symbol for this result.
MultilayerPointSymbol multiLayerSym = result.Symbol as MultilayerPointSymbol;
// Create a swatch image from the symbol.
RuntimeImage swatch = await multiLayerSym.CreateSwatchAsync(30, 30, 96, Color.White);
ImageSource symbolImage = await RuntimeImageExtensions.ToImageSourceAsync(swatch);
// Create a symbol layer info object to represent the symbol in the list.
// The symbol key will be used to retrieve the symbol from the style.
SymbolLayerInfo symbolInfo = new SymbolLayerInfo(result.Name, symbolImage, result.Key);
// Add the symbol layer info to the correct list for its category.
switch (result.Category)
{
case "Eyes":
{
eyeSymbolInfos.Add(symbolInfo);
break;
}
case "Mouth":
{
mouthSymbolInfos.Add(symbolInfo);
break;
}
case "Hat":
{
hatSymbolInfos.Add(symbolInfo);
break;
}
}
}
// Show the symbols in the category list boxes.
EyesListView.ItemsSource = eyeSymbolInfos;
MouthListView.ItemsSource = mouthSymbolInfos;
HatListView.ItemsSource = hatSymbolInfos;
// Call a function to construct the current symbol (default yellow circle).
Symbol faceSymbol = await GetCurrentSymbol();
// Call a function to show a preview image of the symbol.
await UpdateSymbolPreview(faceSymbol);
}
catch (Exception ex)
{
// Report the exception.
await DisplayAlert("Error reading style", ex.Message, "OK");
}
}