Flex画箭头

Flash线条绘制与箭头实现
package util
{     
 import flash.display.Graphics;
 import flash.display.Shape;
 import flash.geom.Point;
 
 import mx.containers.Canvas;
 /**
  * 划线工具类
  * author:songyuanfu
  * */
 public class LineDescriptor extends Shape {  
                  
                private var _start:Point = new Point(0, 0);  
                private var _startX:Number;  
                private var _startY:Number;  
                  
                private var _end:Point = new Point(0, 0);  
                private var _endX:Number;  
                private var _endY:Number;  
                  
                private var _hasArrowHead:Boolean=false;  
                  
                private var _thinkness:Number = 1;  
                private var _color:uint = 0x6E6E6E;  
                private var _alpha:Number = 1;  
                private var _pixelHinting:Boolean = false;  
                private var _scaleMode:String = "normal";
                private var _arrow_param:Number;  
               
                /**
                 *  初始化
                 * @param startPoint
                 * @param endPoint
                 * @param hasArrow
                 * @param lineColor
                 * @param arrow_param
                 *
                 */                               
                public function LineDescriptor(startPoint:Point=null, endPoint:Point=null,hasArrow:Boolean=false,lineColor:uint=0xffffff,arrow_param:Number=1)
                {  
                        this._color=lineColor;
                        start = startPoint;  
                        end = endPoint;  
                        hasArrowHead = hasArrow;
                        _arrow_param=arrow_param;
                }
                 /**
                 * 画线
                 * @param canvas
                 *
                 */                          
                public function draw(canvas:Canvas):void
                {  
                        with(canvas.graphics)
                        {  
                                lineStyle(_thinkness, _color, _alpha, _pixelHinting, _scaleMode);  
                                moveTo(start.x, start.y); 
                                curveTo((start.x+end.x)/2+20,(start.y+end.y)/2+20,end.x,end.y);
                                //lineTo(end.x, end.y);     
                        }  
                          
                        if(hasArrowHead)
                        {  
                                drawArrowHead(canvas);  
                        }  
                }  
                /** 
                 * 画箭头  
                 **/ 
                private function drawArrowHead(canvas:Canvas):void
                {
                  //设置让箭头在其3/4处显示
                   if(start.x>end.x)
                   {
                    end.x=start.x/4+3*end.x/4;
        end.y=start.y/4+3*end.y/4;
                   }
                   else
                   {
                    end.x=3*end.x/4+start.x/4;
                    end.y=start.y/4+3*end.y/4;
                   }
                  
                        var startX:Number = start.x;  
                        var startY:Number = start.y;  
                        var endX:Number = end.x;  
                        var endY:Number = end.y;  
                          
                        var arrowLength : Number = 10*_arrow_param;  
                        var arrowAngle : Number = Math.PI / 6;  
                        var lineAngle : Number;  
                        if(endX - startX != 0)                            
                                lineAngle = Math.atan((endY - startY) / (endX - startX));  
                        else{  
                                if(endY - startY < 0)  
                                        lineAngle = Math.PI / 2;  
                                else 
                                        lineAngle = 3 * Math.PI / 2;  
                        }                                 
                        if(endY - startY >= 0 && endX - startX <= 0){  
                                lineAngle = lineAngle + Math.PI;  
                        }else if(endY - startY <= 0 && endX - startX <= 0){  
                                lineAngle = lineAngle + Math.PI;  
                        }  
                        //定义三角形  
                        var angleC : Number = arrowAngle;  
                        var rimA : Number = arrowLength;  
                        var rimB : Number = Math.pow(Math.pow(endY - startY,2) + Math.pow(endX - startX,2),1/2);  
                        var rimC : Number = Math.pow(Math.pow(rimA,2) + Math.pow(rimB,2) - 2 * rimA * rimB * Math.cos(angleC),1/2);  
                        var angleA : Number = Math.acos((rimB - rimA * Math.cos(angleC)) / rimC);  
                          
                        var leftArrowAngle : Number = lineAngle + angleA;  
                        var rightArrowAngle : Number = lineAngle - angleA;                        
                        var leftArrowX : Number = startX + rimC * Math.cos(leftArrowAngle);  
                        var leftArrowY : Number = startY + rimC * Math.sin(leftArrowAngle);                       
                        var rightArrowX : Number = startX + rimC * Math.cos(rightArrowAngle);  
                        var rightArrowY : Number = startY + rimC * Math.sin(rightArrowAngle);  
                          
                          
                        with(canvas.graphics){  
                                moveTo(end.x, end.y);  
                                lineTo(leftArrowX, leftArrowY);  
                                moveTo(end.x, end.y);  
                                lineTo(rightArrowX, rightArrowY);  
                        }  
                }  
                  
                /** 
                 * 是否有箭头 
                 **/ 
                public function get hasArrowHead():Boolean
                {  
                        return _hasArrowHead;  
                }  
                public function set hasArrowHead(value:Boolean):void
                {  
                        _hasArrowHead = value;  
                }  
                  
                /** 
                 * 线的起点 
                 **/ 
                public function get start():Point
                {  
                        return _start;  
                }  
                public function set start(value:Point):void
                {  
                        if(value)
                        {  
                                _start = value;  
                        }  
                }  
                  
                public function get startX():Number
                {  
                        return _start.x;  
                }  
                public function set startX(value:Number):void
                {  
                        _start.x = value;  
                }  
                  
                public function get startY():Number
                {  
                        return _start.y;  
                }  
                public function set startY(value:Number):void
                {  
                        _start.y = value;  
                }  
                  
                /** 
                 * 线的终点 
                 **/ 
                public function get end():Point
                {  
                        return _end;  
                }  
                public function set end(value:Point):void
                {  
                        if(value)
                        {  
                                _end = value;  
                        }  
                }  
                  
                public function get endX():Number
                {  
                        return end.x;  
                }  
                public function set endX(value:Number):void
                {  
                        _end.x = value;  
                }  
                  
                public function get endY():Number
                {  
                        return end.y;  
                }  
                public function set endY(value:Number):void
                {  
                        _end.y = value;  
                }  
                  
        }  
}
(1)普通用户端(全平台) 音乐播放核心体验: 个性化首页:基于 “听歌历史 + 收藏偏好” 展示 “推荐歌单(每日 30 首)、新歌速递、相似曲风推荐”,支持按 “场景(通勤 / 学习 / 运动)” 切换推荐维度。 播放页功能:支持 “无损音质切换、倍速播放(0.5x-2.0x)、定时关闭、歌词逐句滚动”,提供 “沉浸式全屏模式”(隐藏冗余控件,突出歌词与专辑封面)。 多端同步:自动同步 “播放进度、收藏列表、歌单” 至所有登录设备(如手机暂停后,电脑端打开可继续播放)。 音乐发现与管理: 智能搜索:支持 “歌曲名 / 歌手 / 歌词片段” 搜索,提供 “模糊匹配(如输入‘晴天’联想‘周杰伦 - 晴天’)、热门搜索词推荐”,结果按 “热度 / 匹配度” 排序。 歌单管理:创建 “公开 / 私有 / 加密” 歌单,支持 “批量添加歌曲、拖拽排序、一键分享到社交平台”,系统自动生成 “歌单封面(基于歌曲风格配色)”。 音乐分类浏览:按 “曲风(流行 / 摇滚 / 古典)、语言(国语 / 英语 / 日语)、年代(80 后经典 / 2023 新歌)” 分层浏览,每个分类页展示 “TOP50 榜单”。 社交互动功能: 动态广场:查看 “关注的用户 / 音乐人发布的动态(如‘分享新歌感受’)、好友正在听的歌曲”,支持 “点赞 / 评论 / 转发”,可直接点击动态中的歌曲播放。 听歌排行:个人页展示 “本周听歌 TOP10、累计听歌时长”,平台定期生成 “全球 / 好友榜”(如 “好友中你本周听歌时长排名第 3”)。 音乐圈:加入 “特定曲风圈子(如‘古典音乐爱好者’)”,参与 “话题讨论(如‘你心中最经典的钢琴曲’)、线上歌单共创”。 (2)音乐人端(创作者中心) 作品管理: 音乐上传:支持 “无损音频(FLAC/WAV)+ 歌词文件(LRC)+ 专辑封面” 上传,填写 “歌曲信息
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值