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
0
votes
1 answer

How to change navBarPage header background in Zebble?

I changed the navbar-background Css Role in common.scss file but background of navbarpage not changed. .navbar-background { background: linear-gradient(to top, #5adb43, #51b93f,#748930); } I add this code to common.scss but it is not worked!
JohnMax
  • 103
  • 7
0
votes
2 answers

Why is the Windows 'For developers' Settings dialog window appearing each time I create a new Zebble for Xamarin - Cross Platform Solution project?

Using Visual Studio 2015 Update 3, I am trying to follow the video instructions for creating a new project found here: http://zebble.net/docs/creating-a-new-project I do the following: I ensure the Zebble extension is installed I click the start…
HappyCoding
  • 641
  • 16
  • 36
0
votes
1 answer

How do I resolve a Visual Studio MPF 15.0 Dependency Alert so that I may install Zebble for Xamarin extension?

Using Visual Studio 2015 Update 3, I am trying to install the Zebble for Xamarin extension via the Tools > Extensions and Updates dialog box. When I click download I get the following Dependency Alert: The following reference must be present before…
HappyCoding
  • 641
  • 16
  • 36
0
votes
2 answers

Zebble For Xamarin - Extension Installation issue with Visual Studio Community 2017 RC

I would like to try the new Zebble for Xamarin. I'm having the following problem/error: The extension cannot be installed to this product due to prerequisites that cannot be resolved. Notes: When I run the extension installer, I get: Digital…
-1
votes
1 answer

How Can I get date and time from the server on background process in Zebble for Xamarin?

I want to get some data like date and time on background process and update UI with that without block the UI process, I tried to do that with this code: var dateTime = await Api.Get("api/getNow"); MyTextView.Text = dateTime; But this…
J.smith
  • 3
  • 1
-1
votes
2 answers

How can I save a picture in android device gallery with Zebble for Xamarin?

I want to save some picture by tapping on the button to the gallery of the device and I tried to save a file with the code below and I found this code on Xamarin website but they are not defined and I could not find the reference of them. NSData…
-1
votes
1 answer

How can I set layout alignment of the element in Zebble for Xamarin?

I add a TextView to stack object and I need move this element to the left side of the stack. Also, I tried below code but the element did not move. TextInput#text1 { position: absolute; left :0; width: 100px; }
-1
votes
1 answer

How can I get the width of screen size in CSS in Zebble for Xamarin?

I create a stack and I want to show it in the center of the screen, so I want to set the margin-top and left of the stack depend on the device screen. I try this code, but it did not work on the devices very well.
bret32
  • 3
  • 3
-2
votes
1 answer

How to make the call with Zebble for Xamarin?

I need to launch the phone dialer on ios, android, and windows phone platform with Zebble like below screenshot. Dial pad I wrote some code to run dial pad but in Zebble, I could not access activity to start. public async Task DialNumber() { …
1 2
3