0

我目前正在研究一个列线图,我能够创建 2 个与一条线相连的滑块,但是有没有办法让这条线读取中间数字,就像下面的例子一样。

我需要这条线来显示多个数字的“距离”。

也可以让滑块以不同的度量单位(如米/英尺)显示多个数字

选项 2

是否有可能让 line.graphic 每次通过它时都会夸大电影剪辑或按钮?

到目前为止,我正在考虑使用一种敌人类,所以每当 line.graphic 通过它时,它都会显示数字。

列线图示例

这是我到目前为止所拥有的......对于滑块,我将一个movieclip“imageholder1”放在另一个movieclip“rect”的顶部

var imgWidth:Number = imageHolder1.width;
var imgHeight:Number = imageHolder1.height;
var rectWidth:Number = rect.width;
var rectHeight:Number = rect.height;
var rectX:Number = rect.x;
var rectY:Number = rect.y;
var img1Width:Number = imageHolder2.width;
var img1Height:Number = imageHolder2.height;
var rect1Width:Number = rect1.width;
var rect1Height:Number = rect1.height;
var rect1X:Number = rect1.x;
var rect1Y:Number = rect1.y;
// Do math to correctly make the drag bounds using values attained above
var boundWidth = rectWidth - imgWidth;
var boundHeight = rectHeight - imgHeight;
var bound1Width = rect1Width - img1Width;
var bound1Height = rect1Height - img1Height;

var line:MovieClip = new MovieClip();
addChild(line);

draw(null);

imageHolder1.width = txtout.width
imageHolder1.minimum = 0;
imageHolder1.maximum = 100;
imageHolder1.value = 100;
imageHolder1.snapInterval = 2;

var sliderValues:uint = imageHolder1.y;
imageHolder1.addEventListener(Event.CHANGE, sliderChanged);
function sliderChanged(evt:Event):void {
sliderValues = imageHolder1.value/100;
txtout.text = (imageHolder1.value/100).toFixed(2);
}
// Now apply the variable numbers with the math we want as bounds
var boundsRect:Rectangle = new Rectangle(rectX, rectY, 
boundWidth, boundHeight);
    // Enable drag
    imageHolder1.addEventListener(MouseEvent.MOUSE_DOWN, DragImage1);
    function DragImage1(event:MouseEvent) {
// Here you see we apply the boundsRect when they drag
imageHolder1.startDrag(false, boundsRect);
 stage.addEventListener(Event.ENTER_FRAME, draw);
}
// Stop drag
imageHolder1.addEventListener(MouseEvent.MOUSE_UP, DropImage1);
function DropImage1(event:MouseEvent) {
imageHolder1.stopDrag();
 stage.addEventListener(Event.ENTER_FRAME, draw);
}

 var bounds1Rect:Rectangle = new Rectangle(rect1X, rect1Y, 
bound1Width, bound1Height);
    // Enable drag
    imageHolder2.addEventListener(MouseEvent.MOUSE_DOWN, DragImage2);
    function DragImage2(event:MouseEvent) {
    // Here you see we apply the boundsRect when they drag
imageHolder2.startDrag(false, bounds1Rect);
     stage.addEventListener(Event.ENTER_FRAME, draw);
}
// Stop drag
imageHolder2.addEventListener(MouseEvent.MOUSE_UP, DropImage2);
function DropImage2(event:MouseEvent) {
    imageHolder2.stopDrag();
     stage.addEventListener(Event.ENTER_FRAME, draw);
}

function draw(event:Event):void{
    line.graphics.clear();
    line.graphics.lineStyle(1,1);
    line.graphics.moveTo(imageHolder1.x,imageHolder1.y);
    line.graphics.lineTo(imageHolder2.x,imageHolder2.y);
}

var sliderValue:uint = imageHolder2.y;
addEventListener(Event.ENTER_FRAME, onEnterFrame);
function onEnterFrame(event:Event):void {
    sliderValue = imageHolder2.y;
    status_txt.text = "Slider position is: "+sliderValue;
}

更新

所以遇到了这个问题,我正在对其进行编辑以满足我的需要,并且我能够跟踪闪存中的所有信息,并了解有关 xml 到闪存的更多信息。

但我现在的问题是如何将它全部实现到闪存阶段?

 <?xml version="1.0" encoding="utf-8"?>

<flow>
    <axis name="diameter" type="parallel" 
    scaleFunction="log(t)"> 
    <range>0.01,02, ,50</range> 
    <xposition>0.0</xposition> 
    <crop>0.032,0.977</crop> 
    <title>Diameter [in.]</title> 
    </axis>
    <axis name="weightFlow" type="parallel" 
    scaleFunction="log(t)"> 
    <range>0.001,100000</range> 
    <xposition>0.16</xposition> 
    <crop>0.127,0.941</crop> 
    <title>Weight Flow [1000 
    lb./hr.]</title> 
    </axis> 
    <axis name="massVelocity" 
    type="parallel" scaleFunction="log(t)"> 
    <range>1.0,10000</range> 
    <xposition>0.325</xposition> 
    <crop>0.091,0.91</crop> 
    <title>Mass Velocity 
    [lb./(hr.)(sq.ft.)]</title> 
    </axis> 
    <axis name="turning" type="turning"> 
    <xposition>0.48</xposition> 
    </axis> 
    <axis name="pressureDrop" 
    type="parallel" scaleFunction="log(t)"> 
    <range>0.000001,100</range> 
    <xposition>0.713</xposition> 
    <crop>0.175,0.902</crop> 
    <title>Pressure Drop 
    [lb./sq.in./ft.pipe]</title> 
    </axis> 
    <axis name="pressure" type="parallel" 
    scaleFunction="log(t)" layout="left"> 
    <range>0.001,100</range> 
    <xposition>1.0</xposition> 
    <title>Centipoises^0.16/(lb./cu.ft. 
    at 1 atm)</title> 
    </axis>
</flow>
4

1 回答 1

0

此代码将向您展示如何从“速率​​”和“速度”的指定数量计算“孔径”(中间值)。您可以更改inputNum_RateinputNum_Velo。例如,在该列线图图像中,您可以看到它们的流速为 100 升/分钟,速度为 4.5 米/秒。中间值应该在 22 毫米左右(或 0.85 到 0.89 英寸?)。尝试这两个公式来确定您认为哪个更适合您的项目。

行业标准公式很简单:

D = Q / V(其中D = 直径,Q = 流速,V =速度)。

然而,为了与您的 nomograph 图像紧密匹配,似乎这个其他公式效果更好:

Q = input_FlowRate x offset_of_Rate;
V = input_Velocity x offset_of_Velocity;
结果 = Q / V ;
结果= Math.sqrt(4 *结果/ Math.PI);
结果*= 10;//# 毫米乘以 10

演示- 通过代码测试数字:
启动一个新项目并将代码粘贴到操作面板中,然后按ctrl + enter进行调试。
结果显示在调试器中(如果您没有看到文本/反馈/输出,请尝试按F2)。

在代码部分“ TEST APP ”中......转到步骤(2)并更改inputNum_Rate = 100;和更改inputNum_Velo = 4.5;为您想要的任何单位(如列线图上所列)。

//# for: Define INPUT unit
var inputNum_Rate : Number = 0;     
var inputNum_Velo : Number = 0;

//# for: Define INPUT unit type (format)
var format_Rate : String = "ltr_pMin"; //set: "ltr_pMin" (Litres)or "gal_pMin" (Gallons)
var format_Diam : String = "mm"; //set: "mm" or "inches"
var format_Velo : String = "m_pSec"; //set: "m_pSec" (meters) or "ft_pSec" (feet)

var offset_Rate : Number = 16.66666666666666666; //Litres per Min
var offset_Velo : Number = 100.0; //Metres per Sec

var nvel : Number = 0;  var svel : Number = 0;
var nflow : Number = 0; var sflow : Number = 0;

var s : Number = 0;
var resultNum  : Number = 0; // holds the result

////////////// TEST APP /////////////////

//# 1) setup INPUT TYPE
format_Rate = "ltr_pMin"; //# Rate //set: "ltr_pMin" (Litres)or "gal_pMin" (Gallons)
format_Diam = "mm"; //# Diameter //set: "mm" or "inches"
format_Velo = "m_pSec"; //# Velocity //set: "m_pSec" (meters) or "ft_pSec" (feet)

//# 2) setup INPUT values ("Rate" & "Velocity" to get middle "Diameter");
inputNum_Rate = 100; inputNum_Velo = 4.5; //# These should be from input textbox

//# 3) calculate Diameter based on inputs of Rate & Velocity
resultNum = calculate_Diameter( inputNum_Rate, inputNum_Velo );
trace ("final :: resultNum : " + resultNum );

function calculate_Diameter( myRate:Number, myVelo:Number ) : Number
{
    //# RESET
    svel = nvel = nflow = sflow = s = resultNum = 0; //reset

    sflow = myRate * offset_Rate;
    svel = myVelo * offset_Velo;
    s = sflow/svel; //get Area
    s = Math.sqrt(4 * s / Math.PI);

    //# CONVERT
    s = s * 10;     s = Number(s.toPrecision(5));

    //# CHECK RESULTS IN DEBUGGER....
    trace("===========================================" );
    trace("\n FLOW RATE : " );
    //convert Litres and US gallons :: US-Gallons = ( litres / 3.79) || Litres = (3.79 * US-Gallons)
    trace("litres p/sec : " + ( myRate ) );
    trace("gallon p/sec : " + ( myRate / 3.79 ) );

    trace("\n BORE SIZE : " );
    //convert Mm and Inches :: (1 mm = 0.0393701 inch || 1 inch = 25.4 mm)
    trace("millms : " + (s) );
    trace("inches : " + (s * 0.0393701) );

    trace("\n VELOCITY : " );
    //convert Metres and Feet :: (1 metre= 3.28084 foot || 1 foot= 0.3048 metres)
    trace("m/sec  : " + ( myVelo ) );
    trace("ft/sec : " + ( myVelo * 3.28084 ) );
    trace("===========================================" );


    //# RETURN result of this function
    return resultNum;

}
于 2016-08-25T20:38:17.000 回答