My Blog List

Android FirstAid Coding

A Small Help From a Small Heart
Powered by Blogger.

A software professional, who still likes to code, likes to blog and loves gadgets.

Friday 1 June 2012

Android Dashboard Design Example


This tutorial is for designing the dashboard page in android just like image looking in gridview.This is something like designing android icon based menues.
Thanks to Ravi Tamada for his wonderful tutorial at (http://www.androidhive.info/2011/12/android-dashboard-design-tutorial/).
As a reference i am using the code from Google I/O app and the above url.


1.MainClass.java
=======================================
package com.p1;


import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;


public class MainClass extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        Button facebook = (Button) findViewById(R.id.facebook);      
        facebook.setOnClickListener(new View.OnClickListener() {
public void onClick(View view) {
System.out.println("facebook button clicked");
}
});
    }
}


2.DashboardLayout.java
==========================================
package com.p1;




/*
 * Copyright 2011 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */






import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;


/**
 * Custom layout that arranges children in a grid-like manner, optimizing for even horizontal and
 * vertical whitespace.
 */
public class DashboardLayout extends ViewGroup {


    private static final int UNEVEN_GRID_PENALTY_MULTIPLIER = 10;


    private int mMaxChildWidth = 0;
    private int mMaxChildHeight = 0;


    public DashboardLayout(Context context) {
        super(context, null);
    }


    public DashboardLayout(Context context, AttributeSet attrs) {
        super(context, attrs, 0);
    }


    public DashboardLayout(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }


    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        mMaxChildWidth = 0;
        mMaxChildHeight = 0;


        // Measure once to find the maximum child size.


        int childWidthMeasureSpec = MeasureSpec.makeMeasureSpec(
                MeasureSpec.getSize(widthMeasureSpec), MeasureSpec.AT_MOST);
        int childHeightMeasureSpec = MeasureSpec.makeMeasureSpec(
                MeasureSpec.getSize(widthMeasureSpec), MeasureSpec.AT_MOST);


        final int count = getChildCount();
        for (int i = 0; i < count; i++) {
            final View child = getChildAt(i);
            if (child.getVisibility() == GONE) {
                continue;
            }


            child.measure(childWidthMeasureSpec, childHeightMeasureSpec);


            mMaxChildWidth = Math.max(mMaxChildWidth, child.getMeasuredWidth());
            mMaxChildHeight = Math.max(mMaxChildHeight, child.getMeasuredHeight());
        }


        // Measure again for each child to be exactly the same size.


        childWidthMeasureSpec = MeasureSpec.makeMeasureSpec(
                mMaxChildWidth, MeasureSpec.EXACTLY);
        childHeightMeasureSpec = MeasureSpec.makeMeasureSpec(
                mMaxChildHeight, MeasureSpec.EXACTLY);


        for (int i = 0; i < count; i++) {
            final View child = getChildAt(i);
            if (child.getVisibility() == GONE) {
                continue;
            }


            child.measure(childWidthMeasureSpec, childHeightMeasureSpec);
        }


        setMeasuredDimension(
                resolveSize(mMaxChildWidth, widthMeasureSpec),
                resolveSize(mMaxChildHeight, heightMeasureSpec));
    }


    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        int width = r - l;
        int height = b - t;


        final int count = getChildCount();


        // Calculate the number of visible children.
        int visibleCount = 0;
        for (int i = 0; i < count; i++) {
            final View child = getChildAt(i);
            if (child.getVisibility() == GONE) {
                continue;
            }
            ++visibleCount;
        }


        if (visibleCount == 0) {
            return;
        }


        // Calculate what number of rows and columns will optimize for even horizontal and
        // vertical whitespace between items. Start with a 1 x N grid, then try 2 x N, and so on.
        int bestSpaceDifference = Integer.MAX_VALUE;
        int spaceDifference;


        // Horizontal and vertical space between items
        int hSpace = 0;
        int vSpace = 0;


        int cols = 1;
        int rows;


        while (true) {
            rows = (visibleCount - 1) / cols + 1;


            hSpace = ((width - mMaxChildWidth * cols) / (cols + 1));
            vSpace = ((height - mMaxChildHeight * rows) / (rows + 1));


            spaceDifference = Math.abs(vSpace - hSpace);
            if (rows * cols != visibleCount) {
                spaceDifference *= UNEVEN_GRID_PENALTY_MULTIPLIER;
            }


            if (spaceDifference < bestSpaceDifference) {
                // Found a better whitespace squareness/ratio
                bestSpaceDifference = spaceDifference;


                // If we found a better whitespace squareness and there's only 1 row, this is
                // the best we can do.
                if (rows == 1) {
                    break;
                }
            } else {
                // This is a worse whitespace ratio, use the previous value of cols and exit.
                --cols;
                rows = (visibleCount - 1) / cols + 1;
                hSpace = ((width - mMaxChildWidth * cols) / (cols + 1));
                vSpace = ((height - mMaxChildHeight * rows) / (rows + 1));
                break;
            }


            ++cols;
        }


        // Lay out children based on calculated best-fit number of rows and cols.


        // If we chose a layout that has negative horizontal or vertical space, force it to zero.
        hSpace = Math.max(0, hSpace);
        vSpace = Math.max(0, vSpace);


        // Re-use width/height variables to be child width/height.
        width = (width - hSpace * (cols + 1)) / cols;
        height = (height - vSpace * (rows + 1)) / rows;


        int left, top;
        int col, row;
        int visibleIndex = 0;
        for (int i = 0; i < count; i++) {
            final View child = getChildAt(i);
            if (child.getVisibility() == GONE) {
                continue;
            }


            row = visibleIndex / cols;
            col = visibleIndex % cols;


            left = hSpace * (col + 1) + width * col;
            top = vSpace * (row + 1) + height * row;


            child.layout(left, top,
                    (hSpace == 0 && col == cols - 1) ? r : (left + width),
                    (vSpace == 0 && row == rows - 1) ? b : (top + height));
            ++visibleIndex;
        }
    }
}


3.layout/main.xml
=========================================
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/home_root"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <!-- Include Header Bar -->
    <include layout="@layout/header_layout"/>
   
    <!--  Include Content dashboard -->
<include layout="@layout/content_layout"/>

<!--  Include Footer -->
<include layout="@layout/footer_layout"/>
       
</LinearLayout>


4.layout/header_layout.xml
===========================================================
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent"
    android:layout_height="50dp" 
    android:orientation="horizontal"
    android:background="@drawable/bg">


    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:clickable="false"
        android:paddingLeft="15dip"
        android:scaleType="center"
        android:src="@drawable/logoraju" />


</LinearLayout>


5.layout/content_layout.xml
========================================
<com.p1.DashboardLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_weight="1"
    android:orientation="vertical"
    android:background="#FFC0CB" >
<!--  Facebook Button -->
    <Button
        android:id="@+id/facebook"
        style="@style/DashboardButton"
        android:drawableTop="@drawable/fb"
        android:text="Facebook" />
    
<!--  Twitter Button -->
    <Button
        android:id="@+id/twitter"
        style="@style/DashboardButton"
        android:drawableTop="@drawable/twitter"
        android:text="Twitter" />
    
<!--  Flicker Button -->
    <Button
        android:id="@+id/flicker"
        style="@style/DashboardButton"
        android:drawableTop="@drawable/flicker"
        android:text="Flicker" />

    <!--  Android Button -->
    <Button
        android:id="@+id/android"
        style="@style/DashboardButton"
        android:drawableTop="@drawable/and"
        android:text="Android" />


    <!--  Myspace Button -->
    <Button
        android:id="@+id/myspace"
        style="@style/DashboardButton"
        android:drawableTop="@drawable/myspace"
        android:text="Myspace" />


    <!--  Youtube Button -->
    <Button
        android:id="@+id/youtube"
        style="@style/DashboardButton"
        android:drawableTop="@drawable/youtube"
        android:text="Youtube" />


</com.p1.DashboardLayout >


6.layout/footer_layout.xml
=========================================================
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="40dp" 
    android:orientation="horizontal"
    android:background="#800080">
<TextView android:text="www.rajuandroid.blogspot.com"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:textColor="#000000"
    android:autoLink="web"
    android:gravity="center"    
    android:paddingTop="10dip"/>
</LinearLayout>


7.values/styles.xml
=========================================================
<resources>
    <style name="DashboardButton">
        <item name="android:layout_gravity">center_vertical</item>
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:gravity">center_horizontal</item>
        <item name="android:drawablePadding">2dp</item>
        <item name="android:textSize">16dp</item>
        <item name="android:textStyle">bold</item>
        <item name="android:textColor">#ff29549f</item>
        <item name="android:background">@null</item>
    </style>        
</resources>



and.png

bg.png

fb.png

flicker.png

logo.png

myspace.png

twitter.png

youtube.png


30 comments:

  1. My dear Amit
    Thanks a lot.Everything is here just copy and paste......

    ReplyDelete
  2. Thanks for the great post.
    -----------------------------------------------------------------------------
    Android App Development & Android Application Development Company

    ReplyDelete
  3. This comment has been removed by the author.

    ReplyDelete
  4. But when option are more then 10 then how can i scroll the menu ???

    ReplyDelete
  5. Apache Hadoop Online Teaching From Hyderabad

    Great, thanks for sharing this post.Much thanks again. Awesome.

    ReplyDelete
  6. Are you currently scratching your head and stuck with your QuickBooks related issues, you'll be just one click definately not our expert tech support team for your QuickBooks Tech Support We site name, are leading tech support team provider for your entire QuickBooks related issues.

    ReplyDelete
  7. Quickbooks Enterprise Our support also also contains handling those errors that always occur whenever your as a type of QuickBooks Enterprise Tech Support Number happens to be infected by a malicious program like a virus or a spyware, which could have deleted system files, or damaged registry entries.

    ReplyDelete
  8. Only you need to do is make an individual call at our toll-free QuickBooks Payroll tech support number . You could get resolve all the major issues include installations problem, data access issue, printing related issue, software setup, server not responding error etc with this QuickBooks Technical Support Phone Number.

    ReplyDelete
  9. How to contact QuickBooks Payroll support?
    Different styles of queries or QuickBooks related issue, then you're way in the right direction. You simply give single ring at our toll-free intuit QuickBooks Online Payroll Contact Number . we are going to help you right solution according to your issue. We work on the internet and can get rid of the technical problems via remote access not only is it soon seeing that problem occurs we shall fix the same.

    ReplyDelete
  10. Payroll management is truly an essential part these days. Every organization has many employees. Employers need to manage their pay. The yearly medical benefit is important. The employer has to allocate. But, carrying this out manually will require the time. Strive for QuickBooks 24/7 Payroll Support Phone Number USA.

    ReplyDelete
  11. Our support, as covered by QuickBooks Enterprise Tech Experts at QuickBooks Enterprise Tech Support, includes all of the functional and technical aspects pertaining to the QuickBooks Enterprise. They include all QuickBooks errors encountered during the running of QuickBooks Enterprise and all sorts of issues faced during Installation, update, together with backup of QB Enterprise.

    ReplyDelete
  12. However if you are in hurry and business goes down because of the QB error you can easily ask for Quickbooks Consultants or Quickbooks Proadvisors . If you want to check with the QuickBooks experts than AccountsPro QuickBooks Customer Service Number is for you !

    ReplyDelete
  13. it is commonplace to manage any errors on your own QuickBooks if you're doing not proceed with the syntax, if the code is not put in properly or if you’re having any corruption within the information of the QuickBooks Support Number.

    ReplyDelete
  14. All of them would be best inside their respective work area nevertheless when QuickBooks Enterprise Support Number clearly was a tiny glitch or error comes that might be a logical error or a technical glitch, can result producing or processing wrong information into the management or may wind up losing company’s precious data.

    ReplyDelete
  15. QuickBooks is present for users around the globe even though the best tool to provide creative and innovative features for business account management to small and medium-sized business organizations. If you’re encountering any type of QuickBooks’ related problem, you will definately get all of that problems solved simply by using the QuickBooks Help & Support.

    ReplyDelete
  16. As QuickBooks Technical Support has various industry versions such as retail, manufacturing & wholesale, general contractor, general business, Non-profit & Professional Services, there was clearly innumerous errors that may create your task quite troublesome.

    ReplyDelete
  17. Advanced Financial Reports: The user can surely get generate real-time basis advanced reports by using QuickBooks Support Phone Number. If a person is certainly not known for this feature, then, it is possible to call our QuickBooks Help Number.

    ReplyDelete
  18. QuickBooks Pro is some type of class accounting software that has benefited its customers with different accounting services. It offers brought ease for you by enabling some extra ordinary features as well as at QuickBooks Help & Support it is simple to seek optimal solutions if any error hinders your work.

    ReplyDelete
  19. QuickBooks Support number is to provide the technical help 24*7 so as with order in order to prevent wasting your productivity hours. This might be completely a toll-free QuickBooks Support Phone Number client Service variety that you won’t pay any call charges.

    ReplyDelete
  20. QuickBooks Online, QuickBooks Desktop, QuickBooks Accountant and QuickBooks Self-Employed would be the widely used versions of QuickBooks to cope with the accounting procedure for a business.Intuit Quickbooks Support Number for all your versions are provided under one-roof and it will be discussed by attaining the customer care number.

    ReplyDelete
  21. In the event that problem persists, contact Intuit Technical Support and supply them with the next error codes: (QuickBooks Error 6000-301). Click on the Details button for more information to present Intuit tech support team to greatly help diagnose the error.

    ReplyDelete
  22. While installing QuickBooks Pro at multiple personal computers or laptops, certain bugs shall disturb the initial set up process. This installation related problem can be solved by letting the executives who are handling the QuicKbooks Customer Support Phone Number know the details related to your license and the date of purchase of the product to instantly solve the set up related issue.

    ReplyDelete
  23. Hope so now you realize that how exactly to interact with QuickBooks enterprise support telephone number and QuickBooks Enterprise Tech Support Phone Number. We have been independent alternative party support company for intuit QuickBooks, we don't have virtually any link with direct QuickBooks, the employment of name Images and logos on website just for reference purposes only.

    ReplyDelete
  24. Get prominent options for QuickBooks towards you right away! With no doubts QuickBooks Support Phone Number has revolutionized the process of doing accounting that is the core strength for small in addition to large-sized businesses. QuickBooks Support telephone number is assisted by our customer support representatives who answer your call instantly and resolve all your valuable issues at that moment. It really is a backing portal that authenticates the users of QuickBooks to perform its services in a user-friendly manner.

    ReplyDelete
  25. Well, QB payroll is quite user-friendly but as you already know just about these software things you may possibly face some technical problems while using QuickBooks Support Number solution. Here are a few common technical issues faced.

    ReplyDelete
  26. The group deployed at the final outcome of QuickBooks Support telephone number takes great good care of most from the issues of the software. QuickBooks Technical Support Phone Number have a group of experts that might be pro in handling almost all of the issues as a result of this incredible software.

    ReplyDelete
  27. Runtime Error 9999 happens when QuickBooks fails or crashes whilst it’s running, hence its name. It doesn’t necessarily mean that the code was corrupt in some way, but just so it would not work during its run-time. This sort of error will be as an annoying notification on the screen unless handled and corrected. Listed below are symptoms, causes and methods to troubleshoot the issue. If you would like to learn how to Resolve Quickbooks Error 9999, you can continue reading this blog.

    ReplyDelete