Drawingapp-QMQZQ-1-5
Drawingapp-QMQZQ/Drawingapp-QMQZQ/app/src/main/res/layout/activity_main.xml
·
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>
更多推荐
所有评论(0)