1.问题描述:
最近在做一个watch上的电子宠物的项目,整个主功能界面是个圆形,然后每个功能(喂食,清洁,愉悦之类的)各自是圆上的一部分也就是个扇形。然后点击每个扇形,出现对应的子功能界面,格式和主功能界面一致。
现在要实现点击对应的扇形会出现对应的子功能界面,子功能界面和这个类似。换而言之就是点击一下界面,需要判断出接触点落在哪个扇形内。
当时一个简单的想法是在扇形区域内放置一个方形的按钮,点击后调用回调就可以,但是缺点是精确度不够,因为按钮不能覆盖整个扇形,所以这种方法不可取。
于是需要实现点击任意区域,都要能判断到接触点属于哪个区域。
2.分析:
现在需求已经很明确,就是判断接触点位于圆内的哪个扇形内。以判断一点是否在A0B扇形内为例。
通过和美术沟通得知,每个扇形在圆上的两点坐标和圆心坐标是知道的。假设圆心坐标 O(0, 0), 上图中A,B点坐标A(x1, y1), B(x2, y2) ,以及可以在点击时得到的任一点坐标P(x, y) 。
现在讨论(0 <= 角AOB <= 180)度的情况。
判断点在扇形内要满足以下三个条件:
1. 扇形的"start arm" 要逆时针旋转经过P点。
2. 扇形的