Drawingapp-QMQZQ/Drawingapp-QMQZQ/app/src/main/res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:title="画图应用" />

    <!-- 第一行工具按钮 - 使用HorizontalScrollView确保可滚动 -->
    <HorizontalScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:padding="8dp">

            <!-- 核心绘图工具放在前面 -->
            <!-- 画笔工具按钮(移到最前面确保可见) -->
            <ImageButton
                android:id="@+id/pen_tool_btn"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:src="@android:drawable/ic_menu_edit"
                android:tag="pen"
                android:onClick="onToolSelected"
                android:background="?attr/selectableItemBackgroundBorderless"
                android:contentDescription="画笔工具"
                android:layout_marginRight="8dp" />

            <!-- 直线工具按钮 -->
            <ImageButton
                android:id="@+id/line_tool_btn"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:src="@android:drawable/ic_menu_add"
                android:tag="line"
                android:onClick="onToolSelected"
                android:background="?attr/selectableItemBackgroundBorderless"
                android:contentDescription="直线工具"
                android:layout_marginRight="8dp" />

            <!-- 矩形工具按钮 -->
            <ImageButton
                android:id="@+id/rectangle_tool_btn"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:src="@android:drawable/ic_menu_crop"
                android:tag="rectangle"
                android:onClick="onToolSelected"
                android:background="?attr/selectableItemBackgroundBorderless"
                android:contentDescription="矩形工具"
                android:layout_marginRight="8dp" />

            <!-- 三角形工具按钮 -->
            <ImageButton
                android:id="@+id/triangle_tool_btn"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:src="@android:drawable/ic_menu_gallery"
                android:tag="triangle"
                android:onClick="onToolSelected"
                android:background="?attr/selectableItemBackgroundBorderless"
                android:contentDescription="三角形工具"
                android:layout_marginRight="8dp" />

            <!-- 椭圆形工具按钮 -->
            <ImageButton
                android:id="@+id/oval_tool_btn"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:src="@android:drawable/ic_menu_rotate"
                android:tag="oval"
                android:onClick="onToolSelected"
                android:background="?attr/selectableItemBackgroundBorderless"
                android:contentDescription="椭圆形工具"
                android:layout_marginRight="8dp" />

            <!-- 橡皮擦工具 -->
            <ImageButton
                android:id="@+id/eraser_tool_btn"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:src="@android:drawable/ic_menu_delete"
                android:tag="eraser"
                android:onClick="onToolSelected"
                android:background="?attr/selectableItemBackgroundBorderless"
                android:contentDescription="橡皮擦工具"
                android:layout_marginRight="8dp" />
        </LinearLayout>
    </HorizontalScrollView>

    <!-- 第二行工具按钮和控制项 -->
    <HorizontalScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:padding="8dp"
            android:gravity="center_vertical">

            <!-- 填充工具 -->
            <ImageButton
                android:id="@+id/fill_tool_btn"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:src="@android:drawable/ic_menu_agenda"
                android:tag="fill"
                android:onClick="onToolSelected"
                android:background="?attr/selectableItemBackgroundBorderless"
                android:contentDescription="填充工具"
                android:layout_marginRight="8dp" />

            <!-- 文本工具 -->
            <ImageButton
                android:id="@+id/text_tool_btn"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:src="@android:drawable/ic_menu_sort_alphabetically"
                android:tag="text"
                android:onClick="onToolSelected"
                android:background="?attr/selectableItemBackgroundBorderless"
                android:contentDescription="文本工具"
                android:layout_marginRight="8dp" />

            <!-- 取色器工具 -->
            <ImageButton
                android:id="@+id/eyedropper_tool_btn"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:src="@android:drawable/ic_menu_gallery"
                android:tag="eyedropper"
                android:onClick="onToolSelected"
                android:background="?attr/selectableItemBackgroundBorderless"
                android:contentDescription="取色器工具"
                android:layout_marginRight="8dp" />

            <!-- 形状工具 -->
            <ImageButton
                android:id="@+id/shape_tool_btn"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:src="@android:drawable/ic_menu_crop"
                android:tag="shape"
                android:onClick="onToolSelected"
                android:background="?attr/selectableItemBackgroundBorderless"
                android:contentDescription="形状工具"
                android:layout_marginRight="16dp" />

            <!-- 图形填充切换按钮 -->
            <Button
                android:id="@+id/shape_fill_toggle"
                android:layout_width="69dp"
                android:layout_height="wrap_content"
                android:layout_marginRight="16dp"
                android:onClick="onShapeFillToggle"
                android:text="空心图形" />

            <!-- 移除重复的矩形填充按钮,只保留通用的图形填充按钮 -->


            <Button
                android:id="@+id/open_image_btn"
                android:layout_width="52dp"
                android:layout_height="66dp"
                android:layout_marginHorizontal="8dp"
                android:text="打开图片" />


        </LinearLayout>
    </HorizontalScrollView>

    <!-- 颜色选择和画笔大小控制行 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:padding="8dp"
        android:gravity="center_vertical">

        <ImageButton
            android:id="@+id/black_color_btn"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:background="@color/black"
            android:tag="black"
            android:onClick="onColorSelected"
            android:layout_marginRight="8dp" />

        <ImageButton
            android:id="@+id/red_color_btn"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:background="@color/red"
            android:tag="red"
            android:onClick="onColorSelected"
            android:layout_marginRight="8dp" />

        <ImageButton
            android:id="@+id/blue_color_btn"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:background="@color/blue"
            android:tag="blue"
            android:onClick="onColorSelected"
            android:layout_marginRight="8dp" />

        <ImageButton
            android:id="@+id/green_color_btn"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:background="@color/green"
            android:tag="green"
            android:onClick="onColorSelected"
            android:layout_marginRight="8dp" />

        <ImageButton
            android:id="@+id/yellow_color_btn"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:background="@color/yellow"
            android:tag="yellow"
            android:onClick="onColorSelected"
            android:layout_marginRight="16dp" />

        <SeekBar
            android:id="@+id/brush_size_seekbar"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:max="100"
            android:progress="10" />
    </LinearLayout>

    <!-- 画布:占满屏幕剩余空间,宽高明确 -->
    <com.example.drawingapp.DrawingView
        android:id="@+id/drawing_view"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:background="#FFFFFF" />

</LinearLayout>




Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐