android 利用gridview布局界面 做个OA界面 模仿在360的样式。

今天我们就学习一下利用GridView来布局页面，做个OA界面，模仿在360手机卫士的样式。

准备工作，图片我是参考别人的，直接拿来用的，主要目的学习AndroidGridView 如何布局！

第一步，新建android程序：如图

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle" >    <stroke        android:width="0.5dip"        android:color="#ff505050" />    <corners android:radius="2dip" >    </corners><gradient android:startColor="#ff505050"    android:centerColor="#ff383030"    android:endColor="#ff282828"    /></shape>

创建完毕后，整个工程如上图所示。

2.利用GridView建立九宫格式的布局界面，九宫格的内容如下："新闻公告", "即时通讯","文档管理", "移动审批", "我的考勤", "我的邮件",
// "SIM卡应用","通讯录管理", "设置中心"，然后再准备一下相应在9张图片（图片是我参考别人的），格式为. PNG,png格式的图片支持background透明。图片如下：

3. 首先把图片资源添加到res->drwable文件下，拖动图片直接接入既可。如图所示：

4.接下来设计activity_main.xml文件，这是程序运行在主布局界面：参考下面布局内容：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="@color/backgroundcolor"    android:orientation="vertical" >    <LinearLayout              android:layout_width="match_parent"        android:layout_height="40dip"        android:background="@drawable/title_background"        android:gravity="center_horizontal|center_vertical"        android:orientation="vertical" >        <TextView                     android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:textColor="#FFF8F8F8"        android:textSize="22sp"        android:text="手机OA综合管理平台"            />    </LinearLayout>    <GridView        android:listSelector="@drawable/item_background_selector"        android:id="@+id/gv_main"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:layout_marginTop="10dip"        android:numColumns="3">    </GridView></LinearLayout>

5.大家可以看出布局文件中：

 android:background="@color/backgroundcolor"
 android:background="@drawable/title_background"
 android:listSelector="@drawable/item_background_selector"
这些我都单独的放到格自的XML文件中，如下所示：

title_background.xml

color.xml<?xml version="1.0" encoding="utf-8"?><resources>    <color name="backgroundcolor">#ff404040</color><color name="textcolor">#ffd0d0d0</color>    </resources>

item_background_selector.xml

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:drawable="@drawable/item_background" android:state_enabled="true" android:state_window_focused="false"/>    <item android:drawable="@drawable/item_background_selected" android:state_pressed="true"/>    <item android:drawable="@drawable/item_background" android:state_focused="true"/>    <item android:drawable="@drawable/item_background"/></selector>

/////////////////////////////////////
期中 
item_background_selector.xml 需要
item_background.xml、item_background_selected.xml
///////////////////

如下所示：
/////////////////////////////////////

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle" >    <stroke        android:width="0.5dip"        android:color="#ff505050" />    <corners android:radius="2dip" >    </corners><gradient android:startColor="#ff404040"    android:centerColor="#ff383838"    android:endColor="#ff404040"    /></shape>

/////////////////
item_background_selected.xml
//////////

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle" >    <stroke        android:width="0.5dip"        android:color="#ff9d9d9d" />    <corners android:radius="2dip" >    </corners><gradient android:startColor="#ff9d9d9d"    android:centerColor="#ff9e9e9e"    android:endColor="#ff9d9d9d"    /></shape>

6.做好这些布局文件后，就可以先预览一下刚下设计在成果，如果所示P:

可以看到GridView还是空的，下面我们就来实现这个GridView。

	
				
	
					   
android 利用gridview布局界面 做个OA界面 模仿在360的样式。
	  	   
android--GridView + ViewFlipper布局界面，模仿“机锋市场
	  	   
GridView + ViewFlipper布局界面，模仿“机锋市场”
	  	   
自己做的oa界面以及系统
	  	   
在Android studio中用网格布局做计算机界面
	  	   
Android的界面布局
	  	   
Android 模仿微信主界面
	  	   
漂亮的OA界面
	  	   
Android 利用ViewPager+GridView，仿美团首页导航栏分类布局界面
	  	   
Android：布局实例之模仿京东登录界面
	  	   
Android：布局实例之模仿京东登录界面
	  	   
模仿360杀毒界面
	  	   
Android界面布局的优化
	  	   
OA界面
	  	   
【ExtJs】利用树状结构、Border布局与标签页刻划OA界面
	  	   
模仿墨迹天气设置界面布局
	  	   
Fragment+TabHost模仿新浪新闻布局界面
	  	   
Fragment+TabHost模仿新浪新闻布局界面
	     		  
	  	   
腾讯猜字游戏
	  	   
DLP OSD Designer,做DLP投影菜单的软件
	  	   
Eclipse如何运行参数
	  	   
日本的侵略与掠夺是中国贫穷的直接原因
	  	   
java-swing
	  	   
android 利用gridview布局界面 做个OA界面 模仿在360的样式。
	  	   
美妙的模电2013/4/24
	  	   
删除数据表
	  	   
Hadoop namenode启动瓶颈分析
	  	   
（C语言）共用体union的用法举例
	  	   
MVC
	  	   
WebService个人学习记录
	  	   
android 录音
	  	   
VS2008 空项目不能调试项目