Android UI学习 - Linear Layout, RelativeLayout-低调大师

Android UI学习 - Linear Layout, RelativeLayout

2017-11-13 548

1. 一些常用的公共属性介绍

1) layout_width - 宽

fill_parent: 宽度和父元素相同，wrap_content: 宽度随本身的内容所调整，或者指定 px 值来设置宽

2) layout_height - 高

fill_parent: 高度和父元素相同，wrap_content: 高度随本身的内容所调整，或者指定 px 值来设置高

3) background - 设置背景图

4) padding - 设置边距

可以具体设置paddingBottom，paddingLeft，paddingRight，paddingTop来设定不同的px值

5) id - 该object的id号

@+id/id1 代表添加新的id名为id1， @id/id1 代表引用id1的控件

6) layout_weight - 重要度

个人理解为显示的优先级。默认为0(最高)，数值越大，优先级越低！参考下面的Linear Layout例子。要让layout_weight生效，需要父层或父父层的相应layout_width/layout_height = "fill_parent"，否则wrap_content会压缩到最小足够空间！

7) layout_gravity - Container组件的对齐方式

组件在layout里面的对齐方式。

8) gravity - 文字在组件里的对齐方式

例如设置button里面的文字在button中居中显示。

* 大多数属性是可以调用对应的函数来动态改变状态的，请查看SDK Doc。

2. Linear Layout 线形布局

orientation - 容器内元素的排列方式。vertical: 子元素们垂直排列，horizontal: 子元素们水平排列。在代码里可通过setOrientation()进行动态改变，值分别为HORIZONTAL或者VERTICAL。

* 在Linear Layout, 宽度/高度都是按着组件的次序逐个占用的！所以当某个组件设置"fill_parent"，在没有设置Layout_weight的情况下，该组件会占用了余下的空间，那么在它后面的组件就会显示不出来。如下图的EditText如果没有设置android:layout_weight="1", 它下面的其他组件就看不见了！

baselineAligned 一般情况下，这个属性默认为true，代表在同一方向的组件都基于第一个组件对齐。所以可以看到下图的text1, button1, text2是在同一水平线的。当不需要这效果时，可以设置为false。

可以参考官方网页 http://androidappdocs.appspot.com/resources/tutorials/views/hello-linearlayout.html。

xml代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<TextView
android:text="@string/hello"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
<EditText
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:id="@+id/edittext"
/>
<LinearLayout
android:id="@+id/LinearLayout01"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:text="text1"
android:id="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
<Button android:text="Button01"
android:id="@+id/Button01"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
/>
<TextView
android:text="text2"
android:id="@+id/TextView02"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
</LinearLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="buttom"
/>
</LinearLayout>

3. RelativeLayout 相对定位布局

这个布局比较易懂，但组件间容易存在依赖关系，“牵一发而动全身“，所以在确定组件间布局关系不会再变动时，可以考虑采用！先看看xml代码：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/relativelayout">
<ImageView
android:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/icon"
/>
<TextView
android:id="@+id/text1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"
android:layout_toRightOf="@id/image"
/>
<Button
android:id="@+id/button1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="button1"
android:layout_toRightOf="@id/image"
android:layout_below="@id/text1"
/>
</RelativeLayout>

Java代码(动态添加组件)：

public class RelativeDemo extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.relative);
RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(
ViewGroup.LayoutParams.FILL_PARENT, //width
ViewGroup.LayoutParams.WRAP_CONTENT //height
);
//设置editText layout_below="@id/button1"
lp.addRule(RelativeLayout.BELOW, R.id.button1);
//设置editText layout_alignLeft="@id/image"
lp.addRule(RelativeLayout.ALIGN_LEFT, R.id.image);
((RelativeLayout) findViewById(R.id.relativelayout)).addView(
new EditText(this), lp);
}
}

效果图：

先添加参照物(ImageView)，然后就可以依次添加其他组件，定义位置规则rule！位置规则是不分先后的！另外ADT插件提供的预览图，有时候是不准的，未能及时更新，所以最好还是要到模拟器上测试！

RelativeLayout的xml属性很多，总的来说分为2类：

1) 要指定参照物的，layout_alignBottom，layout_toLeftOf，layout_above，layout_alignBaseline系列的；

layout_above = ”@id/text1“

2) 以parent为参照物，设置true/false，layout_centerVertical，layout_alignParentLeft系列的。

layout_alignParentLeft = ”true“

其中 layout_alignWithParentIfMissing是比较有用且要注意的属性，当设置为true，在指定的参照物找不到的情况下，会使用parent作为新的参照物！

RelativeLayout.LayoutParams是用于设置位置规则的。上述的xml属性均来自此静态类。但它的AddRule(int verb, int anchor)，参数的verb动作却是引用RelativeLayout的常量，而这些常量和部分xml属性相对应。参数anchor的值可能是参照物的id，RelativeLayout.TRUE，-1(当不需要指定anchor的verb)。可以这样理解verb和anchor:

xml属性 (verb) = "value" (anchor)

其中它的构造函数之一: RelativeLayout.LayoutParams(int w, int h)，参数指定所要设置子View的宽度和高度。

本文转自 Icansoft 51CTO博客，原文链接： http://blog.51cto.com/android/298345

微信关注我们

原文链接：https://yq.aliyun.com/articles/422072

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

android开发—Fragment中onCreateView()和onActivityCreated()的区别

在编写Fragment时，在onCreateView()方法中启动了一个初始化自定义View的方法 initView()，但是调试时就崩溃，打印日志发现是这里出了问题，就将这个方法放到了onActivityCreated()方法中启动，就没有再崩溃过，不明白为什么，查询API和资料后总结如下：书上的讲解是：onCreateView()：每次创建、绘制该Fragment的View组件时回调该方法，Fragment将会显示该方法返回的View组件。onActivityCreated()：当Fragment所在的Activity被启动完成后回调该方法。 API：而上文出现的问题是这样的： ①静态的view不需要onActivityCreated ②保存view的状态的时候需要用onActivityCreated ③访问父activity的view层的时候需要在onActivityCreated 方法里面做即如果view是静态的，那么没有必要在onActivityCreated 方法去调用，大多数的自定义的view，初始化时都需要一个context，而activity是context的子类...

2017-11-14

565

1、当用户触摸屏幕的时候，会产生许多手势，例如down,up,scroll，filing等等，我们知道View类有个View.OnTouchListener内部接口，通过重写他的onTouch(Viewv,MotionEventevent)方法，我们可以处理一些touch事件，但是这个方法太过简单，如果需要处理一些复杂的手势，用这个接口就会很麻烦（因为我们要自己根据用户触摸的轨迹去判断是什么手势）Android sdk给我们提供了GestureDetector（Gesture：手势Detector：识别）类，通过这个类我们可以识别很多的手势，主要是通过他的onTouchEvent(event)方法完成了不同手势的识别。虽然他能识别手势，但是不同的手势要怎么处理，应该是提供给程序员实现的，因此这个类对外提供了两个接口：OnGestureListener，OnDoubleTapListener，还有一个内部类SimpleOnGestureListener，SimpleOnGestureListener类是GestureDetector提供给我们的一个更方便的响应不同手势的类，这个类实现了上...

2017-11-14

440

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。