Blog

By Neil Perlin, Hyper/Word Services (www.hyperword.com)

One of the hardest parts of creating mobile apps is to align all the screen objects – labels, text entry boxes, and so on. Aligning the bottom of a field label with the bottom of the corresponding text entry box, for example, can be difficult to do. Checking the result by eye or by holding a ruler up to the screen sort of works but is inefficient. ViziApps offers two ways to address this problem, a built-in alignment tool and the ability to use an external alignment grid. This post describes both methods.

The Built-In Snap to Grid

Snap to Grid

Selecting this button in the ViziApps Studio makes screen objects automatically align themselves on predefined grid lines. (Using this feature is like using a sheet of graph paper that can automatically move your drawings to specific grid lines.) Say, for example, that you insert a label and move it to a position with X and Y coordinates 14 and 74, as shown below.

Snap to Grid

You set the grid spacing to 10 pixels, by clicking the icon on the right side of the Snap to Grid button as shown below.

Snap to Grid

That label’s X and Y coordinates now default to 10-pixel positions, such as 20 and 70. By doing this, you are limited to moving the label in 10-pixel units.

This feature not only lets you put objects precisely where you want them but also helps align multiple objects. No more tedious pixel-by-pixel movement to align two labels. Just position the first label at an X coordinate of 20, for example, then move the second label until its X coordinate also snaps to 20, as shown below.

Snap to Grid

The External Alignment Grid

The Snap to Grid feature is very useful, but there are two design considerations to keep in mind.

  • You can’t see the grid position. You have to assume that the objects are moving where you want them. They are, but you may want to see what’s going on.
  • The grid positions are absolute, but you may want to use them as guides. For example, you may want to customize where the descenders of letters like “y” touch the grid baseline rather than use the predefined snap-to grid settings. Прибыльные и актуальные схемы на вулкан на этом сайте.

To address this, you can create a graphic the size of the canvas and draw your grid on the graphic, as shown in the example below.

Canvas Sized Grid

This graphic is easy to use – make it the app’s background image during development, then replace it with the real background image once you finish placing all your screen objects. (Thanks to Dan K, in ViziApps Support, for providing this graphic.)

Either approach works fine. Just don’t use both on the same mobile app development project or you may find that the objects you so carefully aligned using the visual grid suddenly shift position if you turn on the Snap to Grid option.

Features like the alignment tools make mobile app development much simpler and more efficient than coding by hand. You’ll find other helpful features in the ViziApps Studio, and there are more features for building mobile apps in the works.

The new iPhone, with its taller screen, provides a larger canvas for the mobile business apps you’re building with ViziApps. To help you make the best use of that space, ViziApps now provides iPhone 5 support.

Rest assured that apps you’ve already built with ViziApps for the iPhone 4 and 4S will run just fine on the iPhone 5. Now you can build an app for the iPhone 5 and know that when your users download it from the App Store, it will automatically be resized to fit their screen, whether they run your app on an iPhone 4, 4S, or 5. Самое лучшее порно минет на сайте XXXRUSPORNO.

For more on how to build an iPhone app, take a look at the ViziApps approach to mobile app development and sign up for a free account.

iPhone 5 alternative

ViziApps helps you enhance the user experience for your mobile apps with an easy to use Navigation Bar. By adding this feature to the mobile apps you create with ViziApps, you make it easier for users to move through your apps and access the features and data they need. No longer will you need to place a unique Home button, for example, on every page of your app.

Navigation bar for your mobile app

With the Navigation Bar displayed at the top or bottom of each page, your mobile apps will provide a straightforward way for users to immediately find and use the features they need. ViziApps’ new Navigation Bar capability also streamlines the app building process, by allowing you to incorporate one consistent set of icons that will appear throughout your app.

Facing a highly competitive market, mobile app creators may welcome advice from successful entrepreneurs. Often the type of advice they hear is designed to help them navigate their way through complex business issues. But sound counsel can also suggest ways to eliminate unnecessary complexity.

Fierce Wireless attended Web Summit 2012 in Dublin earlier this month and summarized advice speakers and panelists offered to mobile app developers. That advice included ideas that go beyond the typical guidance conference attendees might have expected to hear.

In an article titled “Seven mobile developer success strategies from Web Summit 2012,” Shane Schick highlighted one strategy might surprise mobile app creators:

Don’t ignore the one-off apps.

That’s a very straightforward suggestion, but it might not be obvious to everyone planning to create a mobile business app.

From Schick’s article:

“Tomer Kagan, the co-founder and CEO of Quixey, focuses on a discovery service that helps users find other apps. He told the Web Summit crowd that not all developers need to wrack their brains thinking of ways to get users coming back to an app over and over again once they’ve installed it. He gave the example of a consumer app created by a grocery store chain, whose goal was to increase sales by 10 percent by offering information and discounts to customers that were already spending money in the store. It worked.” Лучшие условия для безопасных и честных ставок на betwinnerr.ru .

Another recommendation from the same event: Leave room for non-social behavior.

For some other interesting ideas for mobile app developers, read the entire article.

Subcategories