{
 "cells": [
  {
   "cell_type": "markdown",
   "id": "73749dcd",
   "metadata": {},
   "source": [
    "# 18-18 · Живое превью: coords()\n",
    "\n",
    "Практика к разделу [«Живое превью: coords()»](../../site/chapters/glava-18/18-18-zhivoe-prevyu.html)."
   ]
  },
  {
   "cell_type": "markdown",
   "id": "c3b7c70d",
   "metadata": {},
   "source": [
    "## Цель\n",
    "\n",
    "CREATE ONCE → UPDATE MANY TIMES → COMMIT для прямоугольника-превью."
   ]
  },
  {
   "cell_type": "markdown",
   "id": "0dc2c216",
   "metadata": {},
   "source": [
    "## Про mainloop() и события мыши в этом ноутбуке\n",
    "\n",
    "Вместо `root.mainloop()` здесь используется `root.update()` + `root.destroy()`. А вместо настоящих кликов мышью мы вызываем функции-обработчики напрямую с маленьким объектом `FakeEvent(x, y)` вместо настоящего события — Tkinter в реальном приложении передаёт объект с такими же полями `.x`/`.y`, так что код обработчиков проверяется по-настоящему."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "id": "08f8bad3",
   "metadata": {
    "execution": {
     "iopub.execute_input": "2026-09-03T00:51:52.921823Z",
     "iopub.status.busy": "2026-09-03T00:51:52.921705Z",
     "iopub.status.idle": "2026-09-03T00:51:52.946368Z",
     "shell.execute_reply": "2026-09-03T00:51:52.945811Z"
    }
   },
   "outputs": [],
   "source": [
    "class FakeEvent:\n",
    "    def __init__(self, x, y):\n",
    "        self.x = x\n",
    "        self.y = y\n"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "5d644e09",
   "metadata": {},
   "source": [
    "## Рабочий пример"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "id": "fb7b6ec1",
   "metadata": {
    "execution": {
     "iopub.execute_input": "2026-09-03T00:51:52.947900Z",
     "iopub.status.busy": "2026-09-03T00:51:52.947707Z",
     "iopub.status.idle": "2026-09-03T00:51:53.062636Z",
     "shell.execute_reply": "2026-09-03T00:51:53.061610Z"
    }
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Элементов на холсте после нажатия: 1\n",
      "Элементов после восьми движений: 1\n",
      "Координаты превью: [20.0, 20.0, 180.0, 180.0]\n"
     ]
    }
   ],
   "source": [
    "import tkinter as tk\n",
    "\n",
    "root = tk.Tk()\n",
    "canvas = tk.Canvas(root, width=300, height=200, bg=\"white\")\n",
    "canvas.pack()\n",
    "\n",
    "start_x = start_y = None\n",
    "preview_id = None\n",
    "\n",
    "def on_press(event):\n",
    "    global start_x, start_y, preview_id\n",
    "    start_x, start_y = event.x, event.y\n",
    "    preview_id = canvas.create_rectangle(event.x, event.y, event.x, event.y, outline=\"blue\", dash=(4, 2))\n",
    "\n",
    "def on_drag(event):\n",
    "    canvas.coords(preview_id, start_x, start_y, event.x, event.y)  # ОДИН и тот же элемент\n",
    "\n",
    "canvas.bind(\"<Button-1>\", on_press)\n",
    "canvas.bind(\"<B1-Motion>\", on_drag)\n",
    "root.update()\n",
    "\n",
    "on_press(FakeEvent(20, 20))\n",
    "posle_nazhatiya = len(canvas.find_all())\n",
    "print(\"Элементов на холсте после нажатия:\", posle_nazhatiya)\n",
    "\n",
    "for x in range(40, 200, 20):          # восемь движений мыши подряд\n",
    "    on_drag(FakeEvent(x, x))\n",
    "posle_vosmi_dvizhenij = len(canvas.find_all())\n",
    "print(\"Элементов после восьми движений:\", posle_vosmi_dvizhenij)\n",
    "print(\"Координаты превью:\", canvas.coords(preview_id))\n",
    "root.destroy()\n"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "64bc71d9",
   "metadata": {},
   "source": [
    "## Проверка результата"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "id": "4f208120",
   "metadata": {
    "execution": {
     "iopub.execute_input": "2026-09-03T00:51:53.067110Z",
     "iopub.status.busy": "2026-09-03T00:51:53.066732Z",
     "iopub.status.idle": "2026-09-03T00:51:53.076617Z",
     "shell.execute_reply": "2026-09-03T00:51:53.075623Z"
    }
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "CREATE ONCE -> UPDATE MANY TIMES: один элемент пережил восемь движений мыши.\n"
     ]
    }
   ],
   "source": [
    "assert posle_nazhatiya == 1, \"нажатие должно создать РОВНО один элемент-превью\"\n",
    "assert posle_vosmi_dvizhenij == 1, (\n",
    "    \"coords() обновляет существующий элемент — после восьми движений \"\n",
    "    \"элемент должен остаться ОДИН, а не превратиться в девять\"\n",
    ")\n",
    "print(\"CREATE ONCE -> UPDATE MANY TIMES: один элемент пережил восемь движений мыши.\")\n"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "5cde51bd",
   "metadata": {},
   "source": [
    "## Задание ★★ Самостоятельная задача\n",
    "\n",
    "Подтвердите на реальном окне, что во время долгого перетаскивания количество элементов на холсте (`len(canvas.find_all())`) не растёт — потому что coords() обновляет существующий элемент, а не создаёт новые."
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Cartesian Python 3.14",
   "language": "python",
   "name": "cartesian-python314"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.14.6"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 5
}