Posts

Showing posts with the label Design

[Xamarin Forms]Page navigation summary

Image
[Xamarin Forms] Page navigation summary 1- The different navigation possibilities In this article will we list and sum up how we can navigate inside a Xamarin Forms application.  In Xamarin.Forms, you can navigate between pages using several methods, we will enumerate it and give a brief description / use case for each : Push/Pop Navigation : Using Navigation.PushAsync() and Navigation.PopAsync() for stack-based navigation. Modal Navigation : Using Navigation.PushModalAsync() and Navigation.PopModalAsync() for displaying pages modally. Master-Detail Navigation : Using MasterDetailPage to manage a master menu and a detail page. Tabbed Navigation : Using TabbedPage for navigation between different tabs. Carousel Navigation : Using CarouselPage to swipe through pages in a carousel-style interface. Shell Navigation : Using Xamarin.Forms Shell for a unified navigation paradigm with URL-based routing and flyout menus. Custom Navigation : Or if you want to customize and design a g...

[Xamarin Forms] Complete guide to design a TOAST component

Image
  [Xamarin Forms] Complete guide to design a TOAST component In this guide, we will first show you how to design a toast component in Xamarin Forms (adding transition animations to the component), then in a second part, we list some existing controls that you can use directly... Custom Toast design in Xamarin Forms  Designing a "toast" component in Xamarin Forms involves creating a custom control to display brief messages to the user.  I will show you bellow a simple example on how to create a Toast component, and we will also how to add transition animation. Here are the steps to design and implement a toast component: Step 1: Create the Toast View First, you need to create a custom view that represents the toast message. You can add all the UI controls that you need to fit your needs (like an icon image...) 1.1 Create a ToastView class Create a new class ToastView that inherits from ContentView . public class ToastView : ContentView { public ToastView ( strin...

[FlutterFlow] new AI capabilities summary

Image
FlutterFlow, new AI capabilities summary Hello guys, if you are developing mobile apps, you may already know about FlutterFlow framework. FlutterFlow is a user-friendly, no-code platform that allows you to build beautiful, fully-functional mobile applications without needing to write a single line of code. It's like a visual app builder where you can drag and drop various components, design your app's interface, and connect it to a backend, all within an intuitive graphical interface. 🤓New AI capabilities Since recently, AI capabilities have been added to the framework in order to simplify the design process and to gain more time. Here are some key features: AI Page Generation: FlutterFlow can generate entire app pages from simple prompts, significantly reducing development time AI Component Generation: This feature creates detailed UI components based on user descriptions, which can be customized to fit the app’s design requirements. AI Schema Generation : Automatically g...

Syncfusion Metro Studio: A free tool to create Metro-style icons

Image
Your app is almost done? You've done the 'hardest' part while coding your app logic? Well there is still a painful job in the basket: create a wonderful set of icons to have an eye-catching app. If you are not friend with design tools, welcome! this one could save your day: http://www.syncfusion.com/downloads/metrostudio This free tool allows you to browse through a large collection of icons. Moreover, you can create easily your own icon. A must have when developping Windows Phone / Windows 8 apps!  

NinjaMock : a free tool for prototyping mobile app and website

Image
Don't rush into programming ! If you need a simple tool to prototype the design of your mobile apps before programming, NinjaMock ( http://ninjamock.com ) is a nice tool to quickly create a wireframe containing the interaction logic of a user interface and get a simple representation of the look of the pages you want to build for your app. FluidUI ( https://www.fluidui.com ) does the same job already but is mainly featured for Android and IOS and free version is very limited (one project only). NinjaMock allows to build prototype for many platforms (Android, IOS, Windows Phone, Windows 8 or Web) and it's free.      Be creative ! ;)