Questions tagged [zebble]

Zebble - A framework for developing natives for iOS, Android, and Windows from a single source code base. Use this tag if you have a specific question about Zebble.

What is Zebble?

Zebble is a framework for developing natives for iOS, Android, and Windows from a single source code base.

It can be compared with the Xamarin Forms concept. But unlike Xamarin Forms, Zebble is for apps with custom UI designs and high-performance.

Zebble is suitable for not only enterprise, but also consumer-facing apps.

Technology & Development

  • C#: Zebble apps are developed using Xamarin, C# and .NET framework. You can use the native or third party Xamarin components and almost all of your existing C# libraries as long as they are compatible with Xamarin.

  • CSS and Markup: Thanks to the Zebble build utility (zebble.exe,) your application UI code will be written mostly in Markup and CSS, with a very declarative syntax, just like web apps. Your code is then converted into C# for execution and debugging.

  • 100% Native: Zebble provides you with many abstract UI elements, which are mapped to the native controls on each platform at runtime. Your app UI code is essentially written using this abstract UI language without worrying about the native implementations. Zebble apps are not hybrid. They execute with top performance.

Development Experience

  • Development Speed: In addition to the native mobile platforms, Zebble also has a special Windows rendering engine which you use primarily during development. It allows you to compile and run the app instantly upon every change and get immediate feedback for faster development. Unlike Xamarin Forms or other technologies you don't have to wait for 1-2 minutes for the simulator or device compilation and warm-up to run and test every change in your code.

  • Less code: The framework's concepts and fluent API allow you to write the same app with less code, compared to Xamarin Forms.

  • Faster to run: Zebble's engine is very efficient and the apps feel faster than Xamarin Forms.

  • Extensibility: Zebble UI system has a small core, i.e. view objects that actually mapped to native controls. All other components are just composed of other Zebble views. To create new custom controls, you also just put Zebble view objects together and don't have to deal with the platform specific rendering.

  • Managing Resources: In Xamarin Forms, the app resources are duplicated in each platform-specific wrapper project, making it harder to manage them. Zebble gives you a central location to store files, and manages all the bundling, etc automatically.

Visual Design

  • Design-led: Xamarin Forms renders the app differently on each platform to mimic the default application style and colors, which makes it inherently hard to achieve a customized visual design. Zebble instead is design-led. Your app can therefore look the same on all platforms without seeming odd. It encourages you to create a custom visual design for your app - just like how you do with websites. So your app can look unique and pro, and ready for consumer facing.

  • Powerful Styling using CSS: Zebble's styling system allows you to centrally define the styles using CSS which is dramatically more powerful and efficient than the Xamarin Forms way. The CSS code in Zebble is automatically converted to the equivalent C# code to be executable in a native world.

  • Unified styling: Native platforms typically provide very different mechanisms to style different things that makes learning and code sharing difficult. Zebble introduces generalized visual attributes such as background (color or image), borders, paddings, rounded corners, etc. You can set these on any View object, just like HTML. So you get more fine-grained control and flexibility than Xamarin Forms.

Information Source, More Information, and Usage Information: Zebble

39 questions
3
votes
1 answer

How can I show an Image in middle of view in Zebble

I want to create a view like this Image ( set image to middle of page) I use this code
Mohammad Joneidi
  • 197
  • 2
  • 12
3
votes
1 answer

How to import M# IDE generated models to Zebble for Xamarin - Cross platform solution

I started developing a project with M#(4.8.333) IDE and now I have a Domain project which I need to add to Zebble solution Shared Project. How can I use this M# generated classes in Entities and DAL folder with Zebble mobile projects (UWP ,Android…
Iman
  • 17,932
  • 6
  • 80
  • 90
3
votes
1 answer

How can I pass an absolute URL to Api.Get method in Zebble?

I tried to get products with the following code: public static async Task> GetProducts() { return await Get>("http://locahost:5919/api/products"); } But it seems that Get method accepts just relative URLs and I have…
CoderMan
  • 31
  • 2
2
votes
1 answer

How can I use Local Notification in Zebble?

I want to show notification in my app I searched and found http://zebble.net/docs/introduction-to-push-notifications but I want to use local notification. how can I do it in Zebble?
Mohammad Joneidi
  • 197
  • 2
  • 12
2
votes
1 answer

How to create a dialog with custom content like android in Zebble for Xamarin?

I want to create a dialog for editing some field and I need to make custom content for dialog and get the response from it to reload the Data. So, I read all content about dialog and popup in link below http://zebble.net/docs/alerts-and-dialogs And…
JohnMax
  • 103
  • 7
1
vote
1 answer

can't create a new Zebble project

I've just started learning Zebble and installed all dependencies and then I downloaded all extensions, but when I restart the vs 2019 and try to create a new zebble project, I can't even find zebble framework in the list, I also tried to find it by…
1
vote
0 answers

VSIX - Reference are missing - Visual Studio MPF 15.0 - Zebble Framework for Xamarin

I have a issue with the installation of ZebbleVSIX.vsix for Visual Studio. MarketPlace I want to try the Framework for Xamarin but I can't install it. This Extension cannot be installed bescause the following reference are missing: - Visual…
Zebiphire
  • 21
  • 3
1
vote
0 answers

How can I use Fingerprint in Zebble?

I am working on project that need to authentication base on Touch ID. I searched on Zebble document and google but I couldn't find the way of working with finger-print on Zebble, also I checked Device in Zebble and there wasn't anything How can I…
Mohammad Joneidi
  • 197
  • 2
  • 12
1
vote
1 answer

How to change back button position in Zebble for Xamarin?

I build my new Zebble application on the android device, but when I use below code back button shows like this screenshot. This is my code for navigation to another page. await Nav.Forward(PageTransition.SlideUp); And this is the result…
JohnMax
  • 103
  • 7
1
vote
1 answer

How to create fixed button to the bottom of the page in Zebble for Xamarin?

I need to create two buttons in the bottom of the page with a list view. So I create two stacks in the body of the page and put listview and buttons to them like below:
JohnMax
  • 103
  • 7
1
vote
1 answer

How can I pick the photo from the device in Zebble for Xamarin?

I want to get the picture from the user in my application and for this reason, I use file picker which exists in Zebble UI components like this code: In my page: I did find the code from this link…
user7884788
1
vote
1 answer

How to replace the Zebble SignaturePad UI Component or add and use another SignaturePad component?

Using Visual Studio, when selecting 'Zebble for Xamarin - Cross Platform Solution' a default project will be created with five pages. I've modified the fifth page to implement a signature pad. Below is the following Page-5.zbl code.
HappyCoding
  • 641
  • 16
  • 36
1
vote
1 answer

How can I change the animation of the carousel in Zebble for Xamarin?

I found a subject on http://zebble.net/docs/carousel-class and use it on my device application and I provide the code below, but I have a problem with changing the animation of the carousel such as home pages in android devices.
JohnMax
  • 103
  • 7
1
vote
1 answer

Alignment = Alignment.Middle in zebble

I am developing a view in which I want to put the image in the middle of its container. it is ok to do so using this code: as you see I have done it…
1
vote
1 answer

How to make Metro UI in Zebble for Xamarin?

I read about stack and grid in Zebble for Xamarin in link below http://zebble.net/docs/gridltttemplate-tdatagt-class After that, I try to create metro UI for Zebble, but I do not know how I can create the different size of the grid or stack like a…
JohnMax
  • 103
  • 7
1
2 3