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
1
vote
1 answer

How can I show a web page in a mobile device with web view in Zebble for Xamarin?

I have tried to follow the documentation here: http://zebble.net/docs/webview-class-displaying-html I make a web page and try to show it in the device from local folder, for this I found a sample code from Zebble.net website to show the web page in…
1
vote
2 answers

How to set padding or margin of element in code behind in Zebble for Xamarin?

I set it like code below, but it did not worked. ProductList.Margin = 10 //Exception
JohnMax
  • 103
  • 7
1
vote
1 answer

How to show items in Zebble ItemPicker?

I set the control.datasource of formfield to a object and then fill it in code behind, but when I tap on it on run time it just show class name of the object insted of value which I set. I think I have already followed the documentation here:…
1
vote
1 answer

Return an image from asp.net web api to zebble

I'm trying to return an image from web API to zebble like this: web api: public HttpResponseMessage GetImage() { var memoryStream = custom logic to create image var result = new HttpResponseMessage(HttpStatusCode.OK); …
ctyar
  • 931
  • 2
  • 10
  • 22
1
vote
1 answer

How to create a Radio Button List in xamarin zebble.net framework

I want to create a radio button list in zebble.net to force the user to select 1 option among 3 choices of opt1 to opt3 I have checked the documentation and found only the checkbox and optionsList controls. So I deduct that something like below…
Iman
  • 17,932
  • 6
  • 80
  • 90
1
vote
1 answer

How do I resolve a long running 'Creating project '-MSharp.Meta'...' dialog when creating 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
1
vote
1 answer

How do I resolve a missing project subtype error I recieve when creating a new zebble project?

I have installed Visual Studio Update 3, and I'm trying to work with the Zebble framework. I installed Xamarin, UWP, and other prerequisites. Still, I cannot create a new Zebble for Xamarin - Cross platform solution project. I'm getting this…
1
vote
1 answer

I can not build the generated UWP project by Zebble

I created a sample project using Zebble Extension for Visual Studio. The related projects created successfully but unfortunately when I tried to compile the UWP project, the build process failed with the following error: Validation error. error…
Saeed Afshari
  • 939
  • 1
  • 9
  • 17
0
votes
1 answer

Zebble template installation

Zebble VSIX insn't working. I tried to install, but it stuck. With different pc and internet. Same result. Why? Zebble was been drop?
0
votes
1 answer

Zebble: Percentage value for ScrollView Height doesn't work

I'm trying to use a ScrollView in my UWP project. The problem is that when I assign a fixed value to my ScrollView Height, it works perfectly fine. However, if I assign a percentage value to its Height, it simply doesn't work and nothing is shown on…
Mo Sadeghipour
  • 489
  • 8
  • 25
0
votes
1 answer

Zebble: 'Drawing.Line' does not contain a definition for 'Id'

I'm trying to use Zebble.Drawing in my UWP project but the project doesn't build with this error: 'Drawing.Line' does not contain a definition for 'Id'. Here's the code for my Zebble page:
Mo Sadeghipour
  • 489
  • 8
  • 25
0
votes
1 answer

How to handle LongPressed event of a Zebble view or control

How can I subscribe to LongPressed event of a Zebble view like the following ImageView? I can handle on-tapped event with following method but doing the same do not work…
Iman
  • 17,932
  • 6
  • 80
  • 90
0
votes
1 answer

Creating column headers and cell borders for Zebble Grid

How can I add column and row borders and headers for each columns in Zebble for Xamarin grid and use it like a ASP.NET GridView or html table? For example in below sample snippet want to place id="col1" in first column and Id="col2" in second…
Iman
  • 17,932
  • 6
  • 80
  • 90
0
votes
1 answer

How can I make a master page for all of my pages like default page in Zebble for Xamarin?

I created a new blank page as I read on Zebble documentation website like below code, but I need to use this for all of my pages and I do not want to repeat that design on all of my pages. And when I try to build my project an error occurs like…
0
votes
1 answer

How can I get the account type of the contacts in Zebble for Xamarin?

I need to show contacts in my application and make a connection with Instance Messaging application such as WahtsApp and the others, so I added this code to my application but I could not find the account type from it. var contacts = await…
JohnMax
  • 103
  • 7