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:
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 »
Deciding colors for website is not an easy task. Color is one of the really visual, key parts to any design. And the challenge is to combine color while giving the website a unified and polished look.
There are a lot of methods for choosing a color combination. To build a color palette from scratch I get accustomed to use Adobe Color CC (Adobe Kuler) (you can find more about here: How to Work with Adobe Color CC (Adobe Kuler)), my professional experience and artistic bent :)
When you work on a navigation menu for a website, it would be fine to make it the way the visitors on the website know on which page of the site they are on. This can be accomplished by adding an ‘active’ class to the menu item of the current page.
To add an ‘active’ class to the navigation tab of any current page (when page’s url is = link’s href attribute), say, for the code below:
If you ever worked with DHTMLX library and it’s implementation in responsive design.. then you know what I’m talking about :)
By default (if there is not enough width for data grid) a scroll at the bottom of your table appears after page resizing and all your efforts for perfect responsibility are broken.
I solved this issue with a couple of lines of jQuery:
The idea is to set the width of ‘div’ with id=”gridbox” (where our DHTMLX table is loaded) width:100% after resizing of window (at the code above the window should be resized up to 900px to make it works).
I love to use Adobe Color CC app to create color schemes for my designs. That’s pretty easy – a little creativity and modern technology help to save a lot of time generating themes for a project.
The rules for the app are based on a color wheel representation, or how colors arranged according to their chromatic relationship. You can design the theme based on analogous, monochromatic, triad, complementary, compound colors, shades or develop a palette according to your custom rules, which let you add swatches in whichever order.
To start working with Adobe Color CC app you should have an Adobe ID.
After signing in you can check the most popular themes in Adobe community or develop a new one. Well, the last is more interesting as for my mind.
There are a lot of ways to create your own theme, let me share with you my favorite one.
Firstly – being a photographer – I like to work with images :) The second reason is that sometimes you have a particular image that should be used as a major part of the overall look and feel. By using colors from that photograph you create a sweet cohesive color palette that works well.