About design and nearby

Android Tricks: ‘drawable’ Objects, or how to Draw a Circle

Posted: June 17th, 2015 | Author: | Filed under: Mobile Design and Development | Tags: , , , , , , , | 1 Comment »

Android supports all sorts of ‘drawable’ objects, or ‘something that can be drawn.’ Drawables may take a variety of forms:

  • Bitmap: a *.png or *.jpeg image.
  • 9-Patch: an extension to the *.png format with stretchable regions.
  • Layers: manages an array of other drawables. These are drawn in array order, so the element with the largest index is be drawn on top.
  • States: an XML file that references different bitmap graphics based on its state.
  • Levels: an XML file that defines a drawable that manages a number of alternate Drawables, each assigned a maximum numerical value.
  • Scale: an XML file that defines a drawable that changes the size of another Drawable based on its current level value.
  • Shape: an XML file that defines a geometric shape, including colors and gradients.

Drawable object: shape

Standalone drawable objects are probably not very useful, but their combinations can be helpful for implementation of design ideas.

Let’s talk about an app there it’s logo should be placed inside the circle (Icon.png is my Android logo file).

It’s easy to realize with drawable object with ‘android:background’ attribute like below (‘FrameLayout’ is used to block out an area on the screen to display my single item).

Read the rest of this entry »

Share Button

Freebie: Layered iPhone 6 PSD mockup

Posted: June 16th, 2015 | Author: | Filed under: Mobile Design and Development | Tags: , , , | No Comments »

During the last years mobile has evolved from a simple toy to hyper operative tool. Mobile application industry has become a huge market for design industry. No matter what your business is, a mobile app can help you get customers – that’s it.

From my side I would say there are more and more mobile projects come and market is still growing. If you work as a web/ graphic/ mobile designer like me, then you want to showcase your mobile app design to public and customers in a trendy and realistic form.

iPhone6 layered PSd freebie

To do it elegantly feel free to use my free mockups (for iPhone 6).

Layered PSD files include smart object for easy editing, background /background color can be changed also. Just drop your creative works into the templates in the Photoshop:

Download iPhone 6 PSD mockups

Share Button

How to Add 3 Elements in a LinearLayout and Let the Central One Occupy Max Width (Android app)

Posted: May 5th, 2015 | Author: | Filed under: Mobile Design and Development, Tips and Tricks | Tags: , , , , | No Comments »

Once working on the implementation of Calendar app design for Android I got a problem: I need to put 3 elements (right button, month title, left button) in an android layout.

The requirements were:

1. They should all be in one row.
2. The central part (month) should fill all space of the display width (except part where buttons are located).

Mobile navigation for calendar: how to align 3 elements

It seems to be easy at the very first sight.. in fact all my elements were stuck to the left or buttons wouldn’t move to the right and left side..

Read the rest of this entry »

Share Button

How to Build Your Android App (.apk) for Testing in Visual Studio

Posted: April 7th, 2015 | Author: | Filed under: Development, Mobile Design and Development, Tips and Tricks | Tags: , , , , , | 1 Comment »

After an application has been coded, you have to test it. And to test the app you should create APK (.apk) file firstly.

Below is how I do that (for Android application powered by Xamarin):

1. Right-click at your Android project: open ‘Properties’ tab. Be sure that selected drop down is ‘Release’, not ‘Debug’.

Android .apk -1

 

Read the rest of this entry »

Share Button

How to Support Different Screens for Android: Working with XAML and 9-patch

Posted: March 19th, 2015 | Author: | Filed under: Development, Mobile Design and Development, Tips and Tricks | Tags: , , , , , , | No Comments »

According to Android Developer, all user interface elements in an Android app are built using View and ViewGroup objects. A View is an object that draws something on the screen that the user can interact with. A ViewGroup is an object that holds other View (and ViewGroup) objects in order to define the layout of the interface.
Android provides a collection of both View and ViewGroup subclasses that offer common input controls (such as buttons and text fields) and various layout models (such as a linear or relative layout).

Long story short, once I am to produce a custom progress bar for Android application. Unfortunately, my client was not happy with a well-known ProgressBar. It should be realized as line with circles – to show the steps and the progress a user does and cover all Android devices:

Progress Bar for Android application

My decision was to use a NinePatchDrawable graphic (9-patch) – a stretchable bitmap image, which will be automatically resized to fit the contents of the View. It’s a standard *.png image with an extra 1-pixel-wide border saved with the extension .9.png into the res/drawable/ directory of Android project. With 1-pixel black lines drawn on the edge you can define how to scale and fill your image: top & left – scalable area, bottom & right – fill area:
Read the rest of this entry »

Share Button

Looking for a Freelance UX & UI designer for your project? I’m ready to jump onboard!

Let's discuss your project now