Android入门练习——线性+相对+帧布局

这学期开始学习Android开发了,感觉以后能做个自己的app还是很酷的,所以就从零开始搭楼房吧!
本次练习主要是练习用LinearLayout和RelativeLayout实现界面布局。(我会加油做得好看一些哒!)

题:用两种布局分别实现以下布局:
Android入门练习——线性+相对+帧布局_第1张图片

RelativeLayout:
主要是根据周围的元素定位置,比如“姓名”那一栏是在“注册信息”的下面,“姓名”与”横线“又是左右关系,那么:

<TextView
        android:id="@+id/tx_information"
        android:layout_width="wrap_content"//根据内容设置宽度
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"//在父元素内顶部
        android:layout_centerHorizontal="true"//将本控件置于父控件水平方向的中心位置
        android:text="信息注册" 
        android:layout_marginTop="15dp"//离元素上边缘的距离
        android:textSize="18sp"
        android:textStyle="bold"  />
    <TextView 
        android:id="@+id/tx_name"
        android:layout_width="60dp"
        android:layout_height="wrap_content"
        android:text="姓名"
        android:textSize="15sp"
        android:textStyle="bold"  
        android:layout_marginLeft="40dp"
        android:layout_marginTop="20dp"
        android:layout_below="@id/tx_information"//在这个元素的下面
        android:layout_toRightOf="@id/name1" />//在这个元素的右边
	 <EditText 
        android:id="@+id/et_name"
        android:layout_width="150dp"//编辑线长度
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/tx_name"
        android:layout_below="@id/tx_information"
        android:layout_alignBottom="@id/tx_name"
        />

LinearLayout呢,就相当于是一个个盒子块,整一个界面装在一个盒子里,里面又有其他的小盒子,比如,“姓名”这一栏,它和“年龄”“性别”是并列在三个盒子里一起装在父级里面的,然后“姓名”和“编辑线”又是更下面一级盒子。

 
            <LinearLayout 
                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:text="姓名"
			        android:layout_gravity="bottom"
			        android:textSize="15sp"
			        /> 
			        <EditText 
			        android:layout_width="180dp"
			        android:layout_height="wrap_content"
			        />
                LinearLayout>
  LinearLayout>

然后我嫌界面太难看,想加个图标,但是不知道为什么我的图片出不来:
这是在相对布局里面的:

	<ImageView 
        android:id="@+id/name1"
        android:src="@pic/name1"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_below="@id/tx_information"
        />

Android入门练习——线性+相对+帧布局_第2张图片

结果:
Android入门练习——线性+相对+帧布局_第3张图片

我也不知道为啥,等解决了来更新吧!


更新:原因是eclipse开发时只能调用固定文件名的文件的,不能自己定义文件夹调用,例如img。


帧布局 FramLayout

最简单的布局方式,就是将所有添加到这个布局中的视图以层叠方式显示,最后添加的在最上面。
注意点:

  • 默认对齐方式时左上角对齐
  • 要设置子视图的位置,得设置layout_gravity属性值

效果图:
Android入门练习——线性+相对+帧布局_第4张图片

你可能感兴趣的:(Andriod)