Metro風(fēng)格的Android界面應(yīng)用

最近項(xiàng)目中需要一個(gè)選擇月份查詢客戶余額的功能，原先的android只能滿足查詢當(dāng)月，不可以查詢?nèi)我庠路荨．?dāng)然改起來還是很簡單的，服務(wù)端增加一個(gè)月份參數(shù)，客戶端傳入這個(gè)參數(shù)即可。閑來無事，月份的選擇風(fēng)格不如做成Metro風(fēng)格的，現(xiàn)在不是流行扁平化嗎，況且我又是微軟的忠實(shí)粉絲，最近工作沒找到，靜下心來學(xué)學(xué)東西，做做實(shí)驗(yàn)還是挺好的。

現(xiàn)在把核心布局文件寫出來

<?xml version="1.0" encoding="utf-8"?>
    <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/scrollView1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
           
             >
            
             <LinearLayout 
            android:layout_width="fill_parent" 
            android:layout_height="wrap_content" 
            android:orientation="horizontal" 
            android:layout_marginTop="5dp"
            android:gravity="center_horizontal"            
            > 
 
            <LinearLayout style="@style/menu_item_block_orange"             
                >                
                <TextView  android:text="一月"
                     android:clickable="true"
                    android:textSize="20dp"
                      android:textColor="@color/white"
                   android:layout_width="fill_parent"
                   android:layout_height="fill_parent"
                   android:gravity="center_vertical|center_horizontal"
                   android:id="@+id/yiyue"
                     /> 
            </LinearLayout> 
 
            <LinearLayout style="@style/menu_item_block_orange"             
                 android:layout_marginLeft="5dp" >                
                <TextView  android:text="二月"
                     android:clickable="true"
                    android:textSize="20dp"
                   android:textColor="@color/white"
                   android:layout_width="fill_parent"
                   android:layout_height="fill_parent"
                   android:gravity="center_vertical|center_horizontal"
                   android:id="@+id/eryue"
                     /> 
            </LinearLayout> 
            
        </LinearLayout> 
        
             
           <LinearLayout 
            android:layout_width="fill_parent" 
            android:layout_height="wrap_content" 
            android:orientation="horizontal" 
            android:layout_marginTop="5dp"
             android:gravity="center_horizontal"   
            > 
 
            <LinearLayout style="@style/menu_item_block_orange"             
                >                
                <TextView  android:text="三月"
                     android:clickable="true"
                    android:textSize="20dp"
                    android:textColor="@color/white"
                     android:layout_width="fill_parent"
                   android:layout_height="fill_parent"
                   android:gravity="center_vertical|center_horizontal"
                   android:id="@+id/sanyue"
                     /> 
            </LinearLayout> 
 
            <LinearLayout style="@style/menu_item_block_orange"             
                 android:layout_marginLeft="5dp">                
                <TextView  android:text="四月"
                     android:clickable="true"
                    android:textSize="20dp"
                      android:textColor="@color/white"
                     android:layout_width="fill_parent"
                   android:layout_height="fill_parent"
                   android:gravity="center_vertical|center_horizontal"
                   android:id="@+id/siyue"
                     /> 
            </LinearLayout> 
            
        </LinearLayout>       
             
         <LinearLayout 
            android:layout_width="fill_parent" 
            android:layout_height="wrap_content" 
            android:orientation="horizontal" 
            android:layout_marginTop="5dp"
             android:gravity="center_horizontal"   
            > 
 
            <LinearLayout style="@style/menu_item_block_orange"             
                >                
                <TextView  android:text="五月"
                     android:clickable="true"
                    android:textSize="20dp"
                    android:textColor="@color/white"
                     android:layout_width="fill_parent"
                   android:layout_height="fill_parent"
                   android:gravity="center_vertical|center_horizontal"
                   android:id="@+id/wuyue"
                     /> 
            </LinearLayout> 
 
            <LinearLayout style="@style/menu_item_block_orange"             
                 android:layout_marginLeft="5dp">                
                <TextView  android:text="六月"
                     android:clickable="true"
                    android:textSize="20dp"
                      android:textColor="@color/white"
                     android:layout_width="fill_parent"
                   android:layout_height="fill_parent"
                   android:gravity="center_vertical|center_horizontal"
                   android:id="@+id/liuyue"
                     /> 
            </LinearLayout> 
            
        </LinearLayout>       
        
         
           <LinearLayout 
            android:layout_width="fill_parent" 
            android:layout_height="wrap_content" 
            android:orientation="horizontal" 
            android:layout_marginTop="5dp"
             android:gravity="center_horizontal"   
            > 
 
            <LinearLayout style="@style/menu_item_block_orange"             
                >                
                <TextView  android:text="七月"
                     android:clickable="true"
                    android:textSize="20dp"
                    android:textColor="@color/white"
                     android:layout_width="fill_parent"
                   android:layout_height="fill_parent"
                   android:gravity="center_vertical|center_horizontal"
                   android:id="@+id/qiyue"
                     /> 
            </LinearLayout> 
 
            <LinearLayout style="@style/menu_item_block_orange"             
                 android:layout_marginLeft="5dp">                
                <TextView  android:text="八月"
                     android:clickable="true"
                    android:textSize="20dp"
                      android:textColor="@color/white"
                     android:layout_width="fill_parent"
                   android:layout_height="fill_parent"
                   android:gravity="center_vertical|center_horizontal"
                   android:id="@+id/bayue"
                     /> 
            </LinearLayout> 
            
        </LinearLayout>       
        
             <LinearLayout 
            android:layout_width="fill_parent" 
            android:layout_height="wrap_content" 
            android:orientation="horizontal" 
            android:layout_marginTop="5dp"
             android:gravity="center_horizontal"   
            > 
 
            <LinearLayout style="@style/menu_item_block_orange"             
                >                
                <TextView  android:text="九月"
                     android:clickable="true"
                    android:textSize="20dp"
                    android:textColor="@color/white"
                     android:layout_width="fill_parent"
                   android:layout_height="fill_parent"
                   android:gravity="center_vertical|center_horizontal"
                   android:id="@+id/jiuyue"
                     /> 
            </LinearLayout> 
 
            <LinearLayout style="@style/menu_item_block_orange"             
                 android:layout_marginLeft="5dp">                
                <TextView  android:text="十月"
                     android:clickable="true"
                    android:textSize="20dp"
                      android:textColor="@color/white"
                     android:layout_width="fill_parent"
                   android:layout_height="fill_parent"
                   android:gravity="center_vertical|center_horizontal"
                   android:id="@+id/shiyue"
                     /> 
            </LinearLayout> 
            
        </LinearLayout>       
        
               <LinearLayout 
            android:layout_width="fill_parent" 
            android:layout_height="wrap_content" 
            android:orientation="horizontal" 
            android:layout_marginTop="5dp"
             android:gravity="center_horizontal"   
            > 
 
            <LinearLayout style="@style/menu_item_block_orange"             
                >                
                <TextView  android:text="十一月"
                     android:clickable="true"
                    android:textSize="20dp"
                    android:textColor="@color/white"
                     android:layout_width="fill_parent"
                   android:layout_height="fill_parent"
                   android:gravity="center_vertical|center_horizontal"
                   android:id="@+id/shiyiyue"
                     /> 
            </LinearLayout> 
 
            <LinearLayout style="@style/menu_item_block_orange"             
                 android:layout_marginLeft="5dp">                
                <TextView  android:text="十二月"
                    android:clickable="true"
                    android:textSize="20dp"
                      android:textColor="@color/white"
                     android:layout_width="fill_parent"
                   android:layout_height="fill_parent"
                   android:gravity="center_vertical|center_horizontal"
                   android:id="@+id/shieryue"
                     /> 
            </LinearLayout> 
            
        </LinearLayout>       
             
            
        </LinearLayout>

    </ScrollView>

每個(gè)模塊的樣式（其實(shí)還有很多重復(fù)的可以寫到樣式文件里）

 <style name="menu_item_block_orange">
        <item name="android:background">@color/blue</item>
        <item name="android:layout_width">130dp</item>   
        <item name="android:layout_height">130dp</item>           
    </style>

java 文件

package com.example.crazy;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.TextView;

public class MonthActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_month);
        ((TextView)findViewById(R.id.yiyue)).setOnClickListener(l);
        ((TextView)findViewById(R.id.eryue)).setOnClickListener(l);
        ((TextView)findViewById(R.id.sanyue)).setOnClickListener(l);
        ((TextView)findViewById(R.id.siyue)).setOnClickListener(l);
        ((TextView)findViewById(R.id.wuyue)).setOnClickListener(l);
        ((TextView)findViewById(R.id.liuyue)).setOnClickListener(l);
        ((TextView)findViewById(R.id.qiyue)).setOnClickListener(l);
        ((TextView)findViewById(R.id.bayue)).setOnClickListener(l);
        ((TextView)findViewById(R.id.jiuyue)).setOnClickListener(l);
        ((TextView)findViewById(R.id.shiyue)).setOnClickListener(l);
        ((TextView)findViewById(R.id.shiyiyue)).setOnClickListener(l);
        ((TextView)findViewById(R.id.shieryue)).setOnClickListener(l);
    }
    private  OnClickListener l=new OnClickListener() {        
        @Override
        public void onClick(View v) {
            // TODO Auto-generated method stub
        switch(((TextView)v).getId()){
        case R.id.yiyue:
            gotowebview("1");
            break;
        case R.id.eryue:
            gotowebview("2");
            break;
        case R.id.sanyue:
            gotowebview("3");
            break;
        case R.id.siyue:
            gotowebview("4");
            break;
        case R.id.wuyue:
            gotowebview("5");
            break;
        case R.id.liuyue:
            gotowebview("6");
            break;
        case R.id.qiyue:
            gotowebview("7");
            break;
        case R.id.bayue:
            gotowebview("8");
            break;
        case R.id.jiuyue:
            gotowebview("9");
            break;
        case R.id.shiyue:
            gotowebview("10");
            break;
        case R.id.shiyiyue:
            gotowebview("11");
            break;
        case R.id.shieryue:
            gotowebview("12");
            break;
            default:break;
        }
        }
    };
    
    private void gotowebview(String month){
        Identity.month=month;//Identity是我自定義的存放全局變量的類
        Intent it = new Intent(MonthActivity.this, MyAccount.class);
        startActivity(it);
    }
}

基本上就這些了。其實(shí)還可以做得更好一點(diǎn)，比如按下的時(shí)候有一個(gè)稍微變小的變化。

posted @ 2013-11-21 23:40 鄭某閱讀(1049) 評(píng)論(0) 收藏舉報(bào)

刷新頁面返回頂部

鄭某

Metro風(fēng)格的Android界面應(yīng)用

公告