原生UI教程xml扫盲篇

# EasyClick 原生UI教程xml扫盲篇
对于EasyClick 纯小白来讲原生UI教程门槛略高，特写了这篇扫盲篇。让小白更容易上手。这些都是规定死的格式 按部就班即可 没必要深入研究，如过非要研究那么去看Android开发相关资料更深入理解。
## XML 文件说明
XML 指可扩展标记语言（eXtensible Markup Language）。
资料：[xml菜鸟教程](https://www.runoob.com/xml/xml-tutorial.html)
例子
```xml
<?xml version="1.0" encoding="utf-8"?>

<a>
	
	
		<c>
		</c>
	
	
	
	
	
	<b1>
		
		<c>
		</c>
		
	</b1>
	
	
	<d />
</a>

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context=".MainActivity">

<include layout="@layout/layout_test" />
</androidx.constraintlayout.widget.ConstraintLayout>
````
### EasyClick 标准格式
说明：原生UI项目里才有下图所示的资源文件。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210423214113153.png)

原生UI模版自动创建的main.xml布局
```xml
<?xml version="1.0" encoding="UTF-8" ?>

</LinearLayout>

</LinearLayout>

</LinearLayout>

</LinearLayout>

</LinearLayout>
 <LinearLayout android:layout_height="wrap_content"
 android:orientation="horizontal"
 android:gravity="center_vertical"
 android:layout_width="match_parent">
 <TextView android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:gravity="center_vertical"
 android:text="备注: "/>

</LinearLayout>
 </LinearLayout>
</ScrollView>
````
## EasyClick 官方标准解释
**第一行是必须有的。否则Android无法解析布局文件**
这表示是一个xml 格式的文件 编码UTF-8 。
```xml

<?xml version="1.0" encoding="UTF-8" ?> 
````
**第二行的标签**
形如下面的xml代码
```xml
<ScrollView
	 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	 xmlns:android="http://schemas.android.com/apk/res/android"
	 xsi:noNamespaceSchemaLocation="layout.xsd"
	 android:layout_height="match_parent"
	 android:layout_width="match_parent" >
 
	<LinearLayout
		 android:layout_height="match_parent"
		 android:layout_width="match_parent"
		 android:orientation="vertical"
		 android:padding="20dp" >
		 
 </LinearLayout>
</ScrollView>
````
**说明：**

1. 第一行：声明ScrollView布局的基本布局 ，必须有，可以换成其他布局:线性布局等。
 2. 第二行：**xmlns:xsi** 解析格式 ，必须有，**不可更改**。
 3. 第三行：**xmlns:android** 表示Android布局引用资源路径，必须有，**不可更改**。
 4. 第四行：**xsi:noNamespaceSchemaLocation** 表示EasyClick 官方的解析布局的资源 ，必须有，**不可更改**。
 5. 第五行：**android:layout_height** 布局的高度 ， 必须有,按需更改。
 6. 第六行：**android:layout_width** 布局的宽度 ，必须有,按需更改。
 7. **特别说明**： 子布局和子控件不需要 **第二行** 至 **第四行** 的内容。
 8. EasyClick 中使用tag 属性代替Android的 id属性。
 
AndroidXML布局规范：[谷歌官方规范](https://developer.android.google.cn/guide/topics/ui)
其他资料参考：[安卓开发常用的布局](https://blog.csdn.net/diandianxiyu_geek/article/details/78923274)