android下的简单win8风格。win8style

小菜菜

于 2014-06-11 16:43:03 发布

阅读量593

点赞数 1

分类专栏：简单win8风格代码文章标签：源代码

本文链接：https://blog.csdn.net/xiaopangzi_3/article/details/30068231

版权

代码同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

简单win8风格

1 篇文章 0 订阅

订阅专栏

文章都是参考别人的源码记录下来，参考了好几个版本的win8风格代码，这个算是最简单的，就是贴图，稍微好点的会带动态效果，根据用户按压的区域图片在相应的位置有倾斜的旋转。win8风格主要在布局上的设计，不过在以后的博客上会继续有关于win8风格的android源程序，动态效果做的很炫。直接看源代码，在本例子中，只看xml文件就够了，。。其它都是加载的图片

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal"
    android:paddingTop="30dp"
    android:paddingBottom="30dp"
    android:paddingLeft="20dp"
    android:background="@drawable/rootblock_default_bg"
    >
    <LinearLayout 
     	android:layout_width="wrap_content"
     	android:layout_height="fill_parent"
     	android:orientation="vertical"
     	android:layout_weight="1">
     	<LinearLayout 
     	    android:layout_width="fill_parent"
     	    android:layout_height="wrap_content"
     	    android:orientation="horizontal">
     	        <LinearLayout 
	     	        android:layout_width="108dp"
	     	        android:layout_height="108dp"
	     	        android:background="#FF7F24">
     	    	</LinearLayout>
     	        <LinearLayout 
	     	        android:layout_width="108dp"
	     	        android:layout_height="108dp"
	     	        android:layout_marginLeft="5dp"
	     	        android:background="#FF7F24">
     	    	</LinearLayout>
     	</LinearLayout>
        
     	<LinearLayout 
     	    android:layout_width="fill_parent"
     	    android:layout_height="wrap_content"
     	    android:layout_marginTop="5dp"
     	    android:orientation="horizontal">
     	   <LinearLayout 
	     	        android:layout_width="108dp"
	     	        android:layout_height="108dp"
	     	        android:background="#3399ff">
     	    	</LinearLayout>
     	        <LinearLayout 
	     	        android:layout_width="108dp"
	     	        android:layout_height="108dp"
	     	        android:layout_marginLeft="5dp"
	     	        android:background="#3399ff">
     	    	</LinearLayout>
     	</LinearLayout>
     	
     	 	<LinearLayout 
     	    android:layout_width="fill_parent"
     	    android:layout_height="wrap_content"
     	    android:layout_marginTop="5dp"
     	    android:orientation="horizontal">
     	  <LinearLayout 
	     	        android:layout_width="108dp"
	     	        android:layout_height="108dp"
	     	        android:background="#3399ff">
     	    	</LinearLayout>
     	        <LinearLayout 
	     	        android:layout_width="108dp"
	     	        android:layout_height="108dp"
	     	        android:layout_marginLeft="5dp"
	     	        android:background="#3399ff">
     	    	</LinearLayout>
     	</LinearLayout>
     	
     	 	<LinearLayout 
     	    android:layout_width="fill_parent"
     	    android:layout_height="wrap_content"
     	    android:layout_marginTop="5dp"
     	    android:orientation="horizontal">
     	 <LinearLayout 
	     	        android:layout_width="108dp"
	     	        android:layout_height="108dp"
	     	        android:background="#953399ff">
     	    	</LinearLayout>
     	        <LinearLayout 
	     	        android:layout_width="108dp"
	     	        android:layout_height="108dp"
	     	        android:layout_marginLeft="5dp"
	     	        android:background="#953399ff">
     	    	</LinearLayout>
     	</LinearLayout> 	
     	    
    </LinearLayout>
    <LinearLayout 
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:orientation="vertical"
        android:layout_weight="1">
       	<RelativeLayout 
       	    android:layout_width="fill_parent"
       	    android:layout_height="fill_parent"
       	    >
     	    <LinearLayout
     	    	android:layout_width="wrap_content"
       	    	android:layout_height="wrap_content"
       	    	android:orientation="vertical"
     	        android:layout_alignParentBottom="true">
		       	<ImageView
		       	    android:id="@+id/download_btn" 
		       	 	android:layout_width="36dp"
		       		android:layout_height="36dp"
		       		android:src="@drawable/rootblock_icon_download_bg"/>
		       	<ImageView
		       	    android:id="@+id/download_btn" 
		       	 	android:layout_width="36dp"
		       		android:layout_height="36dp"
		       		android:layout_marginTop="20dp"
		       		android:src="@drawable/rootblock_icon_clear_bg"/>
		       	<ImageView
		       	    android:id="@+id/download_btn" 
		       	 	android:layout_width="36dp"
		       		android:layout_height="36dp"
		       		android:layout_marginTop="20dp"
		       		android:src="@drawable/rootblock_icon_set_bg"/>
		       	<ImageView
		       	    android:id="@+id/download_btn"
		       	 	android:layout_width="36dp"
		       		android:layout_height="36dp"
		       		android:layout_marginTop="20dp"
		       		android:src="@drawable/rootblock_icon_add_bg"/>
       	 	</LinearLayout>
       	</RelativeLayout> 
    </LinearLayout>
</LinearLayout>

源码下载地址：http://download.csdn.net/detail/xiaopangzi_3/7483459