Metro风格的Android界面应用

最近项目中需要一个选择月份查询客户余额的功能，原先的android只能满足查询当月，不可以查询任意月份。当然改起来还是很简单的，服务端增加一个月份参数，客户端传入这个参数即可。闲来无事，月份的选择风格不如做成Metro风格的，现在不是流行扁平化吗，况且我又是微软的忠实粉丝，最近工作没找到，静下心来学学东西，做做实验还是挺好的。

现在把核心布局文件写出来

<?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>

每个模块的样式（其实还有很多重复的可以写到样式文件里）

 <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);

    }

}

基本上就这些了。其实还可以做得更好一点，比如按下的时候有一个稍微变小的变化。

Metro风格的Android界面应用的更多相关文章

VC/Wince 实现仿Win8 Metro风格界面2——页面滑动切换（附效果图）
前几天开始写仿Win8 Metro界面文章,部分网友觉得不错,感谢各位的意见.本来今天一直在折腾Android VLC播放器,没时间写.不过明天休息,所以今天就抽时间先写一下. 言归正传,我们都知道W ...
VC/Wince 实现仿Win8 Metro风格界面1——设计概述和自绘Button(附效果图)
去年用VC做了一个仿Win8 Metro风格的界面,感觉挺有意思,最近打算把实现过程和一些技术原理记录下来. 主要是风格上类似Win8,其实功能上很多借鉴了Android的操作方式.界面只支持两种大小 ...
【转载】Android Metro风格的Launcher开发系列第二篇
前言: 各位小伙伴们请原谅我隔了这么久才开始写这一系列的第二篇博客,没办法忙新产品发布,好了废话不说了,先回顾一下:在我的上一篇博客Android Metro风格的Launcher开发系列第一篇写了如 ...
[转载] Android Metro风格的Launcher开发系列第一篇
前言:从毕业到现在已经三年多了,回忆一下这三年基本上没有写过博客,总是觉得忙,没时间写,也觉得写博客没什么大用.但是看到很多大牛们都在写博客,分享自己的东西,所以嘛本着向大牛看齐,分享第一,记录第二的 ...
Android Metro风格的Launcher开发系列第二篇
前言: 各位小伙伴们请原谅我隔了这么久才开始写这一系列的第二篇博客,没办法忙新产品发布,好了废话不说了,先回顾一下:在我的上一篇博客http://www.cnblogs.com/2010wuhao/p ...
Android Metro风格的Launcher开发系列第一篇
前言:从毕业到现在已经三年多了,回忆一下这三年基本上没有写过博客,总是觉得忙,没时间写,也觉得写博客没什么大用.但是看到很多大牛们都在写博客,分享自己的东西,所以嘛本着向大牛看齐,分享第一,记录第二的 ...
Android Metro风格的Launcher开发系列第三篇
前言: 各位小伙伴,又到了每周更新文章了时候了,本来是周日能发出来呢,这不是赶上清明节吗,女王大人发话了,清明节前两天半陪她玩,只留给我周一下午半天时间写博客,哪里有女王哪里就有压迫呀有木有!好了闲话 ...
METRO风格
METRO风格是指微软在WINDOWS PHONE 7中新加入的界面风格,并且计划将其用于windows8中的开始菜单界面.该界面的特点是简洁高效,每一个METRO图标都没有边框,形状有点像地铁站中的 ...
Win8 Metro风格的Web桌面HteOS
前言曾经天天折腾ExtJS,折腾累了.近期这段时间開始用jquery来做一些东西,发现还是蛮有意思的.可是做到最后才发现,原来做好设计真的很重要. 上图就是HteOS项目的截图,眼下正在开发 ...

随机推荐

xcode8 上传ipa文件无法构建版本
在xcode8 升级后上传ipa文件需要设置一个安全提示,现在上传app store的方式为xcode或者 application loader 一.xcode 准备工作完成后点击Product-- ...
mysql在ubuntu下的安装
如果是调用的apt-get 那么应该是sudo apt-get install mysql-server-core-5.6 mysql-server-5.6 mysql-common-5.6 mys ...
flex中通过代码获取supermap的token
最近工作中需要使用代码来获取supermap服务启动安全访问限制以后的token值,经过一番尝试,最终成功获取到,记录下里,以供翻阅 //get token public function getTo ...
使用Application Insights 做分析
Application Insights on Windows Desktop apps, services and worker roles : https://azure.microsoft.co ...
jQuery .css color 重写 :hover样式没了
$("#quickSqlDiv a").css({"color":"red"}); $("#course a").css ...
Java编程中“为了性能”尽量要做到的一些地方
最近的机器内存又爆满了,除了新增机器内存外,还应该好好review一下我们的代码,有很多代码编写过于随意化,这些不好的习惯或对程序语言的不了解是应该好好打压打压了. 下面是参考网络资源总结的一些在Ja ...
HDU Game Theory
5795 || 3032 把x个石子的堆分成非空两(i, j)或三堆(i, j, k)的操作->(sg[i] ^ sg[j])或(sg[i] ^ sg[j] ^ sg[k])是x的后继 #def ...
pragma
在所有的预处理指令中,#pragma指令可能是最复杂的了,它的作用是设定编译器的状态或者是指示编译器完成一些特定的动作.#pragma指令对每个编译器给出了一个方法,在保持与C和C++语言完全兼容的 ...
Ubuntu 中不显示WIFI解决方法
先用有线接到网络,打开终端,执行以下命令sudo apt-get update sudo apt-get install --reinstall bcmwl-kernel-source 执行成功即可看 ...
angular中的 ng-change
<!DOCTYPE HTML> <html ng-app="myApp"> <head> <meta http-equiv="C ...

Metro风格的Android界面应用

Metro风格的Android界面应用的更多相关文章

随机推荐

热门专题