public CustomViewSample() { viewModel = new CustomViewViewModel(); model = new CustomViewModel(); this.BindingContext = new ImageListModel(viewModel); InitializeComponent(); }
void LoadFromStream(ImageSource source, CustomViewViewModel viewModel, CustomViewModel model) { if (Device.RuntimePlatform.ToLower() == "ios") { Navigation.PushAsync(new NavigationPage(new CustomViewHomePage(source, viewModel))); } else if (Device.RuntimePlatform.ToLower() == "uwp") { Navigation.PushAsync(new CustomViewHomePage(source, viewModel)); } else { Navigation.PushModalAsync(new CustomViewHomePage(source, viewModel)); } }
void LoadFromStream(ImageSource source, CustomViewViewModel viewModel, CustomViewModel model) { if (Device.OS == TargetPlatform.iOS) { Navigation.PushAsync(new NavigationPage(new CustomViewHomePage(source, viewModel))); } else if (Device.OS == TargetPlatform.Windows) { Navigation.PushAsync(new CustomViewHomePage(source, viewModel)); } else { Navigation.PushModalAsync(new CustomViewHomePage(source, viewModel)); } }
public ImageListModel(CustomViewViewModel viewmodel) { Image1 = viewmodel.ImageList[0].Image; Image2 = viewmodel.ImageList[1].Image; Image3 = viewmodel.ImageList[2].Image; }
public CustomViewHomePage(ImageSource source, CustomViewViewModel viewModel) { InitializeComponent(); this.BindingContext = viewModel; // Set source to the SfImageEditor imageEditor.Source = source; imageEditor.RotatableElements = ImageEditorElements.CustomView; imageEditor.SetToolbarItemVisibility("text,transform,shape,path", false); CustomViewItems = new ObservableCollection <Syncfusion.SfImageEditor.XForms.ToolbarItem>() { new CustomToolbarItem() { Icon = ImageSource.FromResource(samplePath + "ITypogy1.png", assembly), CustomName = "ITypogy1", IconHeight = 70 }, new CustomToolbarItem() { Icon = ImageSource.FromResource(samplePath + "ITypogy2.png", assembly), CustomName = "ITypogy2", IconHeight = 70 }, new CustomToolbarItem() { Icon = ImageSource.FromResource(samplePath + "ITypogy3.png", assembly), CustomName = "ITypogy3", IconHeight = 70 }, new CustomToolbarItem() { Icon = ImageSource.FromResource(samplePath + "ITypogy4.png", assembly), CustomName = "ITypogy4", IconHeight = 70 }, new CustomToolbarItem() { Icon = ImageSource.FromResource(samplePath + "ITypogy5.png", assembly), CustomName = "ITypogy5", IconHeight = 70 }, new CustomToolbarItem() { Icon = ImageSource.FromResource(samplePath + "ITypogy6.png", assembly), CustomName = "ITypogy6", IconHeight = 70 } }; // Add the custom tool bar items var item = new FooterToolbarItem() { Text = "Add", Icon = ImageSource.FromResource(samplePath + "AddIcon.png", assembly), SubItems = CustomViewItems, TextHeight = 20, }; imageEditor.ToolbarSettings.ToolbarItems.Add(item); item = new FooterToolbarItem() { Text = "Replace", Icon = ImageSource.FromResource(samplePath + "ReplaceIcon.png", assembly), SubItems = CustomViewItems, TextHeight = 20 }; imageEditor.ToolbarSettings.ToolbarItems.Add(item); item = new FooterToolbarItem() { Icon = ImageSource.FromResource(samplePath + "BringFrontIcon.png", assembly), Text = "Bring Front", TextHeight = 20 }; imageEditor.ToolbarSettings.ToolbarItems.Add(item); item = new FooterToolbarItem() { Icon = ImageSource.FromResource(samplePath + "SendBack.png", assembly), Text = "Send Back", TextHeight = 20 }; imageEditor.ToolbarSettings.ToolbarItems.Add(item); imageEditor.ToolbarSettings.SubItemToolbarHeight = 70; imageEditor.ItemSelected += ImageEditor_ItemSelected; imageEditor.ToolbarSettings.ToolbarItemSelected += OnToolbarItemSelected; }
public CustomViewHomePage(ImageSource source, CustomViewViewModel viewModel) { InitializeComponent(); this.BindingContext = viewModel; // Set source to the SfImageEditor imageEditor.Source = source; imageEditor.RotatableElements = ImageEditorElements.CustomView; imageEditor.SetToolbarItemVisibility("text,transform,shape,path,effects", false); CustomViewItems = new ObservableCollection <Syncfusion.SfImageEditor.XForms.ToolbarItem>() { new CustomToolbarItem() { Icon = ImageSource.FromResource(samplePath + "ITypogy1.png", assembly), CustomName = "ITypogy1", IconHeight = 70 }, new CustomToolbarItem() { Icon = ImageSource.FromResource(samplePath + "ITypogy2.png", assembly), CustomName = "ITypogy2", IconHeight = 70 }, new CustomToolbarItem() { Icon = ImageSource.FromResource(samplePath + "ITypogy3.png", assembly), CustomName = "ITypogy3", IconHeight = 70 }, new CustomToolbarItem() { Icon = ImageSource.FromResource(samplePath + "ITypogy4.png", assembly), CustomName = "ITypogy4", IconHeight = 70 }, new CustomToolbarItem() { Icon = ImageSource.FromResource(samplePath + "ITypogy5.png", assembly), CustomName = "ITypogy5", IconHeight = 70 }, new CustomToolbarItem() { Icon = ImageSource.FromResource(samplePath + "ITypogy6.png", assembly), CustomName = "ITypogy6", IconHeight = 70 } }; // Add the custom tool bar items var item = new FooterToolbarItem() { Text = "Add", Icon = new FontImageSource() { Glyph = "\ue70a", FontFamily = Device.RuntimePlatform == Device.iOS ? "Sync FontIcons" : Device.RuntimePlatform == Device.Android ? "Sync FontIcons.ttf#" : "Sync FontIcons.ttf#Sync FontIcons", Color = Color.Black }, SubItems = CustomViewItems, TextHeight = 20, }; imageEditor.ToolbarSettings.ToolbarItems.Add(item); item = new FooterToolbarItem() { Text = "Replace", IconHeight = Device.RuntimePlatform == Device.Android ? 27 : double.NaN, Icon = new FontImageSource() { Glyph = "\ue740", FontFamily = Device.RuntimePlatform == Device.iOS ? "SB Icons" : Device.RuntimePlatform == Device.Android ? "SB Icons.ttf#" : "SB Icons.ttf#SB Icons", Color = Color.Black }, SubItems = CustomViewItems, TextHeight = 20 }; imageEditor.ToolbarSettings.ToolbarItems.Add(item); item = new FooterToolbarItem() { Icon = new FontImageSource() { Glyph = "\ue764", FontFamily = Device.RuntimePlatform == Device.iOS ? "Sync FontIcons" : Device.RuntimePlatform == Device.Android ? "Sync FontIcons.ttf#" : "Sync FontIcons.ttf#Sync FontIcons", Color = Color.Black }, Text = "Bring Front", TextHeight = 20 }; imageEditor.ToolbarSettings.ToolbarItems.Add(item); item = new FooterToolbarItem() { Icon = new FontImageSource() { Glyph = "\ue70e", FontFamily = Device.RuntimePlatform == Device.iOS ? "Sync FontIcons" : Device.RuntimePlatform == Device.Android ? "Sync FontIcons.ttf#" : "Sync FontIcons.ttf#Sync FontIcons", Color = Color.Black }, Text = "Send Back", TextHeight = 20 }; imageEditor.ToolbarSettings.ToolbarItems.Add(item); imageEditor.ToolbarSettings.SubItemToolbarHeight = 70; imageEditor.ItemSelected += ImageEditor_ItemSelected; imageEditor.ToolbarSettings.ToolbarItemSelected += OnToolbarItemSelected; }