drag.htm 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  4. <link href="synrc.css" type="text/css" rel="stylesheet">
  5. </head>
  6. <body>
  7. <div class="threecol">
  8. <div class="left">
  9. <div class="hints"></div>
  10. <div class="main">
  11. <h1><a name="chapter2">Card Dragging</a></h1>
  12. <h2><a name="p1.1">1. Устойчивые Карты</a></h2>
  13. <p>Когда мы ведем карту над доской, она встряхивает другие карты,
  14. но как только ведомая карта уходит за пределы группы, встряхнутые
  15. карты возвращаются на свое место. Мы изменяем позицию карт на
  16. доске только когда отжали кнопку. Текущее поведение -- стик при
  17. таймауте -- тоже неверно, карта должна возвращаться на свое место.</p>
  18. <img src="images/drag4.png">
  19. <h2><a name="p1.2">2. Зона захвата карты</a></h2>
  20. <p>Сейчас зона захвата определяется по курсору. Это не совсем удобно.
  21. Напрмер для зоны сбрасывания достаточно что бы 25% накрывало зону сбрасываныя.
  22. То же касается и случая когда карта находится посредине между четырех зон на доске.</P>
  23. <img src="images/drag1.png">
  24. <img src="images/drag2.png">
  25. <h2><a name="p1.1">3. Карты не могут накрывать друг друга</a></h2>
  26. <p>Карты не могут накрывать друг друга. Это ошибочное поведение.</p>
  27. <h2><a name="p1.1">4. Карта должна легко ставиться между картами</a></h2>
  28. <p>Сейчас, чтобы поставить карту между двумя картами нужно
  29. сделать минимум два движения. Так быть не должно. Не надо так.</p>
  30. <h2><a name="p1.1">5. Двигать группы вправо и влево</a></h2>
  31. <p>Мы должны иметь возможность двигать группу картой в направление движения.
  32. Наприме если мы хохим подвинуть группу влево (вправо), то мы должны
  33. справа (слева) коснуться ее ведомой картой. Неважно откуда эта карта взялась.</p>
  34. <img src="images/drag3.png">
  35. <img src="images/drag5.png">
  36. </div>
  37. <div class="contents">
  38. <iframe src="contents.htm" frameborder=0 width=340 height=2190></iframe>
  39. </div>
  40. </body>
  41. </html>