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" ><LinearLayoutandroid: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 {@Overridepublic 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() {        @Overridepublic void onClick(View v) {// TODO Auto-generated method stubswitch(((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);}
}

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

转载于:https://www.cnblogs.com/srszzw/p/3436647.html

Metro风格的Android界面应用相关推荐

VC/Wince 实现仿Win8 Metro风格界面1——设计概述和自绘Button
转载:http://www.chawenti.com/articles/16008.html 去年用VC做了一个仿Win8 Metro风格的界面,感觉挺有意思,最近打算把实现过程和一些技术原理记录下来 ...
使用 Fries 创建性感的 Android 风格移动应用界面
Fries 是一个移动开发框架,让开发者仅使用 HTML,CSS 和 Javascript 快速创建出 Android 应用程序界面.Fries 的灵感来自于流行的 Ratchet(开发 iPhone ...
从Android界面开发谈起(转)
原文地址:http://blog.csdn.net/nieweilin/article/details/5967815 这篇文章没有打算有一个很好的逻辑去介绍android的某个方面,全盘大致上就是我 ...
android开发重要控件,Android界面编程——Android基本控件
Android界面编程 Android应用开发的一项重要内容就是界面开发.对于用户来说,不管APP包含的逻辑多么复杂,功能多么强大,如果没有提供友好的图形交互界面,将很难吸引最终用户. 作为一个程序员 ...
10套华丽的 Windows 8 Metro 风格图标【2000+免费图标】
Windows 8是由微软最新一代 Windows,具有革命性变化的操作系统.该系统旨在让人们的日常电脑操作更加简单和快捷,为人们提供高效易行的工作环境. Windows 8靓丽的触控界面,全新的浏览 ...
WP7上Metro风格的程序栏图标汇总
在开发一款WP7程序时,应用程序图标是我们不可或缺的资源.轩辕在这里对网上的大部分Metro风格的应用程序栏图标进行了总结,希望可以给园子里面的各位有点帮助. 1. 其实Microsoft Visua ...
使用Windows8开发Metro风格应用四
我们紧接着上篇,开始我们的Metro风格应用开发. -----------------------------------我是华丽的分割线------------------------------- ...
从Android界面开发谈起
这篇文章没有打算有一个很好的逻辑去介绍android的某个方面,全盘大致上就是我接触.了解android的ui开发后到现在的一些感想以及个人理解吧! 全文可能会涉及到java.android开发.an ...
华丽的 Metro 风格小图标
Windows 8靓丽的触控界面,全新的浏览体验,设计也是大胆的,独特的,因此,如果你是一名设计师,你就需要学习它们的与众不同的 Metro 风格界面 100 Metro icons 来自 Devia ...

Metro风格的Android界面应用

Metro风格的Android界面应用相关推荐

最新文章

热门文章