Android应用界面编程--使用简单例子

主要涉及到相对布局(RelativeLayout) 、线性布局(LinearLayout)、按钮背景，字体颜色处理。布局里面嵌套着别的布局。按钮的排布，相对于id之间的相对位置。准备做一个视频小车的apk，用来控制小车。从apk中看到视屏，然后控制它。加上几个舵机，就可以实现抓拿，视频180度的信息采集。

有apk，单片机，WiFi视频采集等其他硬件。

最终效果

 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.aid"
xmlns:tools="http://schemols"
xmlns:app="http://scheauto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="cn.com">

<!--背景、视频播放界面、进度条-->
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentStart="true"
android:layout_alignParentTop="true">

<cn.com.buildwin.gosky.widget.media.IjkVideoView
android:id="@+id/video_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center"
android:background="#000000" >

<GridView
android:layout_width="match_parent"
android:layout_height="match_parent" />
</cn.com.buildwin.gosky.widget.media.IjkVideoView>

<ProgressBar
android:id="@+id/progressBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center" />

</FrameLayout>
<RelativeLayout

android:layout_width="50dp"
android:layout_height="50dp"
tools:context="cn.cy">
<View
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/qq"/>


</RelativeLayout>
<RelativeLayout
android:layout_width="200dp"
android:layout_height="200dp"
android:layout_alignParentStart="true"
android:layout_alignParentBottom="true"
android:orientation="vertical">

<LinearLayout
android:id="@+id/RLine1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true">

<Button
android:id="@+id/send_data_button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:background="@null"
android:layout_weight="1"
android:textColor="@color/ijk_color_blue_100"

android:text="抬1"/>

<Button
android:id="@+id/send_data_button2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@null"
android:textColor="@color/ijk_color_blue_100"

android:text="前2"/>

<Button
android:id="@+id/send_data_button3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@null"
android:textColor="@color/ijk_color_blue_100"

android:text="抬3"/>


</LinearLayout>
<LinearLayout
android:id="@+id/RLine2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/RLine1">

<Button
android:id="@+id/send_data_button4"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@null"
android:textColor="@color/ijk_color_blue_100"

android:text="左4" />

<Button
android:id="@+id/send_data_button5"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@null"
android:textColor="@color/ijk_color_blue_100"

android:text="停5"/>

<Button
android:id="@+id/send_data_button6"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@null"
android:textColor="@color/ijk_color_blue_100"

android:text="右6"/>



</LinearLayout>

<LinearLayout
android:id="@+id/RLine3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/RLine2">

<Button
android:id="@+id/send_data_button7"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@null"
android:textColor="@color/ijk_color_blue_100"

android:text="降7" />

<Button
android:id="@+id/send_data_button8"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@null"
android:textColor="@color/ijk_color_blue_100"

android:text="后8"/>

<Button
android:id="@+id/send_data_button9"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@null"
android:textColor="@color/ijk_color_blue_100"

android:text="降9"/>



</LinearLayout>
<LinearLayout
android:id="@+id/RLine4"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/RLine3">

<Button
android:id="@+id/send_data_buttona"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@null"
android:textColor="@color/ijk_color_blue_100"

android:text="a" />

<Button
android:id="@+id/send_data_buttonb"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@null"
android:textColor="@color/ijk_color_blue_100"

android:text="b"/>

<Button
android:id="@+id/send_data_buttonc"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="@color/ijk_color_blue_100"
android:background="@null"
android:text="c"/>



</LinearLayout>
</RelativeLayout>


<LinearLayout
android:id="@+id/LinearLayout1"
android:layout_width="60dp"
android:layout_height="match_parent"
android:layout_alignParentBottom="true"
android:layout_alignParentTop="true"
android:layout_alignParentRight="true"

android:orientation="vertical">

<Button
android:id="@+id/take_picture_button"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_weight="1"
android:background="@null"
android:textColor="@color/ijk_color_blue_100"
android:text="拍照"/>

<Button
android:id="@+id/record_video_button"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_weight="1"
android:text="开始录像"/>

<Button
android:id="@+id/send_data_button"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_weight="1"
android:text="发送数据"/>

<Button
android:id="@+id/set_vr_mode_button"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_weight="1"
android:text="VR模式"/>

<Button
android:id="@+id/set_video_rotation_button"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_weight="1"
android:text="软件旋转90°"/>

</LinearLayout>


</RelativeLayout>