智能小车android界面布局

Posted 2022-08-12 旭日初扬

目录

系列文章目录

一、布局

二、效果

---

系列文章目录

第一章 android智能小车布局

---

文章目录

---

一、布局

<?xml version="1.0" encoding="utf-8"?>
<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">

    <ScrollView
        android:id="@+id/scv_bluetooth_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        tools:ignore="MissingConstraints" />

   

          <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"

            android:orientation="vertical">

              <TextView
                android:id="@+id/tv_bluetooth_view"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/app_name"
                android:textAppearance="?android:attr/textAppearanceLarge"/>
              <RelativeLayout
                  android:id="@+id/container"
                  android:layout_width="fill_parent"
                  android:layout_height="fill_parent"
                  android:orientation="vertical"
                  tools:ignore="MissingConstraints">


                  <!-- android:layout_centerVertical="true"
                  android:layout_alignParentBottom="true"
                  -->
                  <GridLayout
                      android:id="@+id/GridLayout1"
                      android:layout_width="wrap_content"
                      android:layout_height="wrap_content"
                      android:layout_centerInparent="true"
                      android:columnCount="3"
                      android:orientation="horizontal"
                      android:rowCount="4"
                      android:layout_centerVertical="true"
                      android:layout_centerHorizontal="true"
                      >


                      <Button android:text="加速" />
                      <Button android:text="0"
                      android:visibility="invisible"/>
                      <Button android:text="减速" />

                      <Button android:text="1"
                      android:visibility="invisible"/>
                      <Button android:text="前进" />
                      <Button android:text="3"
                      android:visibility="invisible"/>

                      <Button
                          android:layout_width="wrap_content"
                          android:layout_height="match_parent"
                          android:text="左转" />
                      <Button android:text="4"
                          android:visibility="invisible"/>
                      <Button android:text="右转"
                          />

                      <Button android:text="7"
                          android:visibility="invisible"/>
                      <Button android:text="后退" />
                      <Button android:text="9"
                          android:visibility="invisible"/>

                  </GridLayout>

              </RelativeLayout>

          </LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

布局二

<?xml version="1.0" encoding="utf-8"?>
<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">


    <RelativeLayout
        android:id="@+id/container"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical"
        tools:ignore="MissingConstraints">
        <TableLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_marginleft="90px">
            <TableRow
                android:id="@+id/tableRow1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">
                <Button
                    android:id="@+id/button1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Button"
                    android:visibility="invisible" />
                <Button
                    android:id="@+id/start"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginRight="0dp"
                    android:width="120px"
                    android:text="前进" />
            </TableRow>

            <TableRow
                android:id="@+id/tableRow2"
                android:layout_width="wrap_content"
                android:layout_height="0dp"
                android:layout_weight="1">

                <Button
                    android:id="@+id/left"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginRight="0dp"
                    android:width="120px"
                    android:text="向左" />

                <Button
                    android:id="@+id/stop"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:width="120px"
                    android:text="停止" />

                <Button
                    android:id="@+id/right"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:width="120px"
                    android:text="右转" />
            </TableRow>

            <TableRow
                android:id="@+id/tableRow3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">

                <Button
                    android:id="@+id/button2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Button"
                    android:visibility="invisible" />

                <Button
                    android:id="@+id/back"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="后退" />
            </TableRow>
        </TableLayout>
    </RelativeLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

二、效果