`
ko8e
  • 浏览: 51752 次
  • 性别: Icon_minigender_1
  • 来自: 龙岩
社区版块
存档分类
最新评论

Android界面布局

阅读更多

1.Linearlayout:这个很常见,线性布局.大多数情况下将它的空间宽度或高度设置成fill_parent和wrap_content比较合适.最简单的情况,两个TextView,前面一个宽度未知,系统将根据前面TextView的实际宽度在其之后添加另一个TextView.

还有一点,这种布局下两个控件中间要想间隔一定距离的话,中间可以加上一个没有内容,只有宽度的TextView.

 

2.AbsoluteLayout:前一种情况下,两个控件之间需要一个TextView间隔,很多情况下不太方便,可能需要大量的TextView,就可以考虑使用AbsoluteLayout取而代之了,这种布局需要你给出确定的x,y,都是相对于parent的左上顶点坐标的,一般来说,用这种布局最好给出控件的确定宽度和高度.

 

3.FrameLayout:这个用的不是那么多,需要知道的就是这种布局下只能显示一个View控件,Layout好像是可以重叠显示的,并且总是在parent的左上角添加.

 

这三种布局最为常见,其余的看到的不多,RelativeLayout没有用过,也就不好多说,发下图吧,还有代码,不过代码确实比较复杂:

 

<?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:background="@drawable/shop_back">

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent" android:layout_height="260px"
	android:orientation="horizontal">
	
	<FrameLayout
		android:layout_width="400px" android:layout_height="fill_parent"
		android:background="@drawable/frame_border">
		
		<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
			android:id="@+id/layout1"
			android:layout_width="fill_parent" android:layout_height="fill_parent"
			android:orientation="vertical"
			android:background="@drawable/shopinfo_back">
				
			<TextView 
    			android:layout_width="fill_parent" android:layout_height="20px">
    		</TextView>
    		
    		<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
				android:layout_width="fill_parent" android:layout_height="fill_parent">
				
				<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
					android:layout_width="fill_parent" android:layout_height="fill_parent"
					android:layout_x="125px" android:layout_y="10px" 
					android:orientation="horizontal">
				
					<TextView 
    					android:layout_width="wrap_content" android:layout_height="wrap_content" 
    					android:textSize="20sp"
    					android:text="欢迎光临: ">
    				</TextView> 
    				
    				<TextView 
    					android:id="@+id/shopinfo_shopname"
    					android:layout_width="wrap_content" android:layout_height="wrap_content" 
    					android:textSize="20sp">
    				</TextView> 
    				
    			</LinearLayout>
    			
    			<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
					android:layout_width="fill_parent" android:layout_height="fill_parent"
					android:layout_x="125px" android:layout_y="40px" 
					android:orientation="horizontal">
				
					<TextView 
    					android:layout_width="250px" android:layout_height="wrap_content" 
    					android:textSize="14sp"
    					android:text="本店公告: 全场一律七折,机不可失,失不再来">
    				</TextView> 
    				
    			</LinearLayout>
				
				<ScrollView
	     			android:layout_width="332px" android:layout_height="90px"  
	     			android:layout_x="25px" android:layout_y="125px"
					android:scrollbars="vertical" 
					android:fadingEdge="vertical">  
				
					<TextView 
    					android:id="@+id/shopinfo_content"
    					android:layout_width="fill_parent" android:layout_height="fill_parent"  
    					android:textSize="12sp">
    				</TextView> 
				</ScrollView> 
			
			</AbsoluteLayout>
			
		</LinearLayout>
		
		
		
		
		<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
			android:id="@+id/layout2"
			android:layout_width="fill_parent" android:layout_height="fill_parent"
			android:orientation="horizontal">
				
			<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
				android:id="@+id/listview_layout"
				android:layout_width="160px" android:layout_height="250px"
				android:orientation="vertical">
	
				<TextView 
    				android:layout_width="fill_parent" android:layout_height="20px">
    			</TextView>
	
				<ImageView 
    				android:id="@+id/list_title_image"
     				android:layout_width="fill_parent" android:layout_height="40px"
     				android:background="@drawable/list_title">
    			</ImageView>
	
				<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
					android:id="@+id/name_price_title"
					android:layout_width="fill_parent" android:layout_height="210px">
			
					<TextView 
    					android:layout_width="wrap_content" android:layout_height="30px" 
    					android:layout_x="20px" android:layout_y="0px"  
    					android:textSize="14sp"
    					android:text="商品名称">
    				</TextView>
    		
    				<TextView 
    					android:layout_width="wrap_content" android:layout_height="30px"  
    					android:layout_x="110px" android:layout_y="0px"
    					android:textSize="14sp"
    					android:text="价格">
    				</TextView>  
    		
    				<ListView 
    					android:id="@+id/product_list"
     					android:layout_width="140px" android:layout_height="150px"
     					android:layout_x="10px" android:layout_y="30px">
    				</ListView>
    		
				</AbsoluteLayout>

    		</LinearLayout>
	
			<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
				android:id="@+id/product_layout"
				android:layout_width="240px" android:layout_height="250px"
				android:orientation="vertical">
		
				<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
					android:id="@+id/brief_layout"
					android:layout_width="fill_parent" android:layout_height="110px">
			
					<Button 
						android:id="@+id/page_later"
						android:layout_width="20px" android:layout_height="100px"
						android:layout_x="0px" android:layout_y="10px"
						android:background="@drawable/later_image">
					</Button>
			
					<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
						android:layout_width="100px" android:layout_height="76px"
						android:layout_x="20px" android:layout_y="22px"
						android:background="@drawable/image_border">
			
						<ImageView
							android:id="@+id/image"
							android:layout_width="96px" android:layout_height="72px"
							android:layout_x="2px" android:layout_y="2px">
						</ImageView>
			
					</AbsoluteLayout>
			
					<Button 
						android:id="@+id/page_next"
						android:layout_width="20px" android:layout_height="100px"
						android:layout_x="120px" android:layout_y="10px"
						android:background="@drawable/next_image">
					</Button>
			
					<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
						android:id="@+id/title_layout"
						android:layout_width="95px" android:layout_height="100px"
						android:layout_x="140px" android:layout_y="10px"
						android:orientation="vertical">
			
						<TextView 
    						android:layout_width="fill_parent" android:layout_height="10px"  
    						android:textSize="12sp">
    					</TextView> 
				
						<TextView 
    						android:id="@+id/product_name_info"
    						android:layout_width="fill_parent" android:layout_height="30px"  
    						android:textSize="12sp">
    					</TextView> 
    			
    					<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
							android:layout_width="wrap_content" android:layout_height="wrap_content"
							android:orientation="horizontal">
    				
    						<TextView 
    							android:layout_width="wrap_content" android:layout_height="wrap_content"  
    							android:textSize="10sp"
    							android:text="价格:">
    						</TextView> 
    				
    						<TextView 
    							android:id="@+id/product_price_info"
    							android:layout_width="wrap_content" android:layout_height="wrap_content"  
    							android:textSize="10sp">
    						</TextView> 
    				
    					</LinearLayout>
    			
    					<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
							android:layout_width="wrap_content" android:layout_height="wrap_content"
							android:orientation="horizontal">
    				
    						<TextView 
    							android:layout_width="wrap_content" android:layout_height="wrap_content"  
    							android:textSize="10sp"
    							android:text="类型:">
    						</TextView> 
    				
    						<TextView 
    							android:id="@+id/product_type_info"
    							android:layout_width="wrap_content" android:layout_height="wrap_content"  
    							android:textSize="10sp">
    						</TextView> 
    				
    					</LinearLayout>
    				
    					<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
							android:layout_width="wrap_content" android:layout_height="wrap_content"
							android:orientation="horizontal">
    				
    						<TextView 
    							android:layout_width="wrap_content" android:layout_height="wrap_content"  
    							android:textSize="10sp"
    							android:text="特点:">
    						</TextView> 
    				
    						<TextView 
    							android:id="@+id/product_feature_info"
    							android:layout_width="wrap_content" android:layout_height="wrap_content"  
    							android:textSize="10sp"
    							android:text="时尚简约,功能齐全">
    						</TextView> 
    				
    					</LinearLayout>
				
					</LinearLayout>
		
				</AbsoluteLayout>
		
				<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
					android:id="@+id/button_layout"
					android:layout_width="fill_parent" android:layout_height="140px">
			
					<TextView 
    					android:layout_width="fill_parent" android:layout_height="20px"  
    					android:layout_x="20px" android:layout_y="0px"
    					android:textSize="12sp"
    					android:text="详细信息:">
    				</TextView> 
			
					<ScrollView
	     				android:layout_width="200px" android:layout_height="80px"  
	     				android:layout_x="20px" android:layout_y="20px"
						android:scrollbars="vertical" 
						android:fadingEdge="vertical">  
				
						<TextView 
    						android:id="@+id/productContent"
    						android:layout_width="fill_parent" android:layout_height="fill_parent"  
    						android:textSize="12sp">
    					</TextView> 
					</ScrollView> 
			
					<LinearLayout
						android:layout_width="90px" android:layout_height="30px"
						android:layout_x="20px" android:layout_y="110px"
						android:orientation="horizontal">
				
						<TextView
							android:layout_width="wrap_content" android:layout_height="wrap_content"
							android:textSize="13sp"
							android:text="我要买: ">
						</TextView>
				
						<EditText
							android:id="@+id/buy_number"
							android:layout_width="30px" android:layout_height="30px"
							android:textSize="9sp"
							android:text="1">
						</EditText>
				
						<TextView
							android:layout_width="wrap_content" android:layout_height="wrap_content"
							android:textSize="13sp"
							android:text="件">
						</TextView>
			
					</LinearLayout>
			
					<Button 
						android:id="@+id/button_addshoppingcart"
						android:layout_width="80px" android:layout_height="20px"
						android:layout_x="130px" android:layout_y="112px"
						android:background="@drawable/button_addshoppingcart">
					</Button>
		
				</AbsoluteLayout>
		
			</LinearLayout>
		
		</LinearLayout>
		
		
		

		<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
			android:id="@+id/layout3"
			android:layout_width="fill_parent" android:layout_height="fill_parent"
			android:orientation="horizontal">
		
			<TextView
				android:layout_width="30px" android:layout_height="fill_parent">
			</TextView>
		
			<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
				android:layout_width="fill_parent" android:layout_height="fill_parent"
				android:orientation="vertical">
			
				<TextView
					android:layout_width="fill_parent" android:layout_height="30px">
				</TextView>
				
				<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
					android:layout_width="fill_parent" android:layout_height="30px"
					android:orientation="horizontal">
					
					<TextView
    					android:layout_height="wrap_content" android:layout_width="5px" >
    				</TextView>
    				
					<TextView
    					android:layout_height="wrap_content" android:layout_width="95px" 
    					android:textSize="16sp"
    					android:text="商品名称">
    				</TextView>
    				
    				<TextView
    					android:layout_height="wrap_content" android:layout_width="60px" 
    					android:textSize="16sp"
    					android:text="单价">
    				</TextView>
    				
    				<TextView
    					android:layout_height="wrap_content" android:layout_width="60px" 
    					android:textSize="16sp"
    					android:text="数量">
    				</TextView>
    				
    				<TextView
    					android:layout_height="wrap_content" android:layout_width="60px" 
    					android:textSize="16sp"
    					android:text="合计">
    				</TextView>
					
				</LinearLayout>
				
				<ListView 
    				android:id="@+id/shoppingcart_list"
     				android:layout_width="340px" android:layout_height="150px">
    			</ListView>
    			
    			<TextView
    				android:layout_height="10px" android:layout_width="fill_parent">		
    			</TextView>
    			
    			<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
					android:layout_width="fill_parent" android:layout_height="fill_parent"
					android:orientation="horizontal">
					
					<TextView
						android:layout_width="140px" android:layout_height="fill_parent">
					</TextView>
					
					<Button
						android:id="@+id/button_buy"
						android:layout_width="wrap_content" android:layout_height="wrap_content"
						android:background="@drawable/button_buyproduct">
					</Button>
					
				</LinearLayout>
    			
			</LinearLayout>
			    		
		</LinearLayout>
		
		
		
		<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
			android:id="@+id/layout4"
			android:layout_width="fill_parent" android:layout_height="fill_parent"
			android:orientation="horizontal">
		
			<TextView
				android:layout_width="30px" android:layout_height="fill_parent">
			</TextView>
		
			<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
				android:layout_width="fill_parent" android:layout_height="fill_parent"
				android:orientation="vertical">
			
				<TextView
					android:layout_width="fill_parent" android:layout_height="30px">
				</TextView>
				
				<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
					android:layout_width="fill_parent" android:layout_height="50px"
					android:orientation="horizontal">
				
					<TextView
						android:layout_width="wrap_content" android:layout_height="fill_parent"
						android:textSize="16sp"
						android:text="此次交易总额:">
					</TextView>
					
					<TextView
						android:id="@+id/totalpay"
						android:layout_width="wrap_content" android:layout_height="fill_parent"
						android:textSize="16sp">
					</TextView>
					
					<TextView
						android:layout_width="wrap_content" android:layout_height="fill_parent"
						android:textSize="16sp"
						android:text=" ,请填写您的订单.">
					</TextView>
					
				</LinearLayout>
				
				<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
					android:layout_width="fill_parent" android:layout_height="40px"
					android:orientation="horizontal">
				
					<TextView
						android:layout_width="100px" android:layout_height="fill_parent"
						android:textSize="16sp"
						android:text="详细地址:">
					</TextView>
					
					<EditText
						android:id="@+id/user_address"
						android:layout_width="220px" android:layout_height="32px"
						android:textSize="10sp">
					</EditText>
				
				</LinearLayout>
				
				<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
					android:layout_width="fill_parent" android:layout_height="40px"
					android:orientation="horizontal">
				
					<TextView
						android:layout_width="100px" android:layout_height="fill_parent"
						android:textSize="16sp"
						android:text="邮政编码:">
					</TextView>
					
					<EditText
						android:id="@+id/user_zipcode"
						android:layout_width="220px" android:layout_height="32px"
						android:textSize="10sp">
					</EditText>
				
				</LinearLayout>
				
				<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
					android:layout_width="fill_parent" android:layout_height="40px"
					android:orientation="horizontal">
				
					<TextView
						android:layout_width="100px" android:layout_height="fill_parent"
						android:textSize="16sp"
						android:text="联系号码:">
					</TextView>
					
					<EditText
						android:id="@+id/user_phone"
						android:layout_width="220px" android:layout_height="32px"
						android:textSize="10sp">
					</EditText>
				
				</LinearLayout>
				
				<AbsoluteLayout
					android:layout_width="fill_parent" android:layout_height="50px">
					
					<Button
						android:id="@+id/button_pay"
						android:layout_width="wrap_content" android:layout_height="wrap_content"
						android:layout_x="60px" android:layout_y="10px"
						android:background="@drawable/button_pay">
					</Button>
					
					<Button
						android:id="@+id/button_cancelbuy"
						android:layout_width="wrap_content" android:layout_height="wrap_content"
						android:layout_x="210px" android:layout_y="10px"
						android:background="@drawable/button_cancelbuy">
					</Button>
					
				</AbsoluteLayout>
				
			</LinearLayout>
			
		</LinearLayout>
		
		
		
	</FrameLayout>
	
	<AbsoluteLayout
		android:layout_width="wrap_content" android:layout_height="fill_parent">
		
		<Button
			android:id="@+id/button_shopinfo"
			android:layout_width="wrap_content" android:layout_height="wrap_content"
			android:layout_x="0px" android:layout_y="30px"
			android:background="@drawable/button_shopinfo">
		</Button>
		
		<Button
			android:id="@+id/button_productlist"
			android:layout_width="wrap_content" android:layout_height="wrap_content"
			android:layout_x="0px" android:layout_y="80px"
			android:background="@drawable/button_productlist">
		</Button>
		
		<Button
			android:id="@+id/button_shoppingcart"
			android:layout_width="wrap_content" android:layout_height="wrap_content"
			android:layout_x="0px" android:layout_y="130px"
			android:background="@drawable/button_shoppingcart">
		</Button>
		
	</AbsoluteLayout>

</LinearLayout></LinearLayout>
分享到:
评论
2 楼 drager 2011-03-09  
不是原版吧
1 楼 mzba520 2011-02-10  
写了这么多代码,居然不上图,浪费

相关推荐

    android界面布局详解

    本文将深入探讨Android界面布局的各个方面。 1、用户界面及视图层次 Android用户界面主要由View和ViewGroup对象构建。View对象是基本的UI组件,如按钮、文本框等,它们都继承自View类。ViewGroup则是布局的基类,...

    使用代码编写Android界面布局源代码

    本主题将深入探讨如何使用代码编写Android界面布局源代码,以帮助开发者更好地理解和实践这一过程。 首先,Android界面通常由XML布局文件定义,但也可以通过编程方式动态创建。这种方式适用于那些需要在运行时根据...

    android界面布局

    ### Android界面布局详解 #### 一、概述 在Android应用开发过程中,良好的用户界面设计至关重要。界面布局作为UI设计的基础,决定了应用外观的美观度和交互的流畅度。本文将详细介绍Android界面布局中的五种主要...

    Android界面布局详解

    ### Android界面布局详解 在Android应用开发中,创建直观且响应迅速的用户界面(UI)是至关重要的。本文将深入探讨Android系统提供的五种基本布局类型:LinearLayout(线性布局)、TableLayout(表格布局)、...

    设计android界面布局实用教案.pptx

    "设计Android界面布局实用教案" Android界面布局是Android应用程序的重要组成部分,决定了应用程序的外观和用户体验。在设计Android界面布局时,需要考虑到布局的美观性、易用性和性能。下面将详细介绍Android界面...

    android 界面布局开发实例

    本实例专注于Android界面布局的开发,对于初学者来说是一个非常实用的起点。通过这个实例,你可以学习到如何创建、设计和管理Android应用的用户界面。 在Android中,布局通常由XML文件定义,这些文件位于项目的res/...

    Android界面布局程序

    总的来说,Android界面布局的多样性为开发者提供了丰富的设计可能性。理解并熟练掌握这些布局类型及其组件的使用,是构建高质量Android应用的基础。通过不断的实践和学习,开发者可以创造出既美观又实用的用户界面,...

    android界面布局工具以及资料

    本文将深入探讨Android界面布局工具及其相关资料,帮助开发者们创建美观、功能丰富的用户界面。 首先,我们要了解Android界面布局的基础。Android界面主要通过XML文件来定义,这些文件通常位于项目的res/layout目录...

    android界面布局设计

    "Android界面布局设计"这个主题涵盖了如何创建、管理和优化Android应用的视觉结构。在这个领域,开发者使用XML来定义各种组件的位置和交互方式,使得用户可以与之进行有效沟通。Android提供了多种布局类型,每种都有...

    android界面布局droiddraw的使用和文件

    Android界面布局通常由XML文件定义,这些文件描述了屏幕上的各个组件(如按钮、文本视图等)的位置、大小和相互关系。DroidDraw提供了一个图形化的用户界面,使得开发者无需手动编写XML代码就能构建布局。下面将详细...

    设计android界面布局PPT学习教案.pptx

    首先,设计Android界面布局可以采用XML或Java代码的方式。在某些情况下,使用代码创建布局更为灵活,尽管它可能比XML更复杂。例如,通过Java代码创建布局涉及创建组件对象、布局参数对象、布局本身,然后将组件添加...

    设计android界面布局学习教案.pptx

    设计android界面布局学习教案.pptx

    安卓Android源码——UI界面源码.zip

    例如,`activity_main.xml`可能是一个应用的主要界面布局。 3. **自定义View**:除了系统提供的View之外,开发者可以创建自定义View,以满足特定的界面需求。自定义View通常需要扩展已有的View或ViewGroup类,并...

    最新最实用的android菜单界面布局

    "最新最实用的android菜单界面布局"指的是采用最新的设计趋势和技术,优化用户体验的Android应用菜单布局。这样的设计不仅能提升应用的美观度,还能提高用户的交互效率。下面我们将深入探讨Android菜单界面布局的...

    Android 界面布局

    Android界面布局的目的是为了合理利用屏幕空间,并能适配多种屏幕。我们可以利用布局来设计各个控件的位置排布。 Android提供了6种基本布局类:帧布局(FrameLayout)、线性布局(LinearLayout)、绝对布局...

    界面布局实例

    在Android开发中,界面布局是构建用户交互界面的关键部分,它定义了应用中各个组件的排列方式和相互关系。本实例将深入探讨如何创建和管理一个简单的界面布局。我们将主要关注以下几个方面: 1. **XML布局文件**:...

Global site tag (gtag.js) - Google Analytics