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

系统管理员 2022-03-07 00:22 276阅读 0赞

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

题：用两种布局分别实现以下布局：  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQ1OTI2_size_16_color_FFFFFF_t_70][]

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="vertical"//这个盒子里是垂直装的
                >
                <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>

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQ1OTI2_size_16_color_FFFFFF_t_70 1][]

结果：  
![20190320150407810.png][]

我也不知道为啥，等解决了来更新吧！

--------------------

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

--------------------

**帧布局 FramLayout**

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

*  默认对齐方式时左上角对齐
 *  要设置子视图的位置，得设置layout\_gravity属性值

效果图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQ1OTI2_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQ1OTI2_size_16_color_FFFFFF_t_70]: /images/20220307/e6ca73c259734f48b71763a33fedef69.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQ1OTI2_size_16_color_FFFFFF_t_70 1]: /images/20220307/6eb1f558725440239c8f1758161eae06.png
[20190320150407810.png]: /images/20220307/77f8522743854a5f8e820283a9e0dcdf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQ1OTI2_size_16_color_FFFFFF_t_70 2]: /images/20220307/30d810c7159c4764b4dc7a9c5065b916.png