在 Android 上管理演示文稿中的连接线

PowerPoint 连接线是一种特殊的线条，用于连接或链接两个形状，并且即使在幻灯片上移动或重新放置形状时仍保持附着在形状上。

连接线通常连接到 连接点（绿色点），这些点默认存在于所有形状上。当光标靠近时，连接点会出现。

调整点（橙色点），仅存在于某些连接线中，用于修改连接线的位置和形状。

连接线类型

在 PowerPoint 中，您可以使用直线、肘部（有角度）和曲线连接线。

Aspose.Slides 提供以下连接线：

连接线	图片	调整点数量
`ShapeType.Line`		0
`ShapeType.StraightConnector1`		0
`ShapeType.BentConnector2`		0
`ShapeType.BentConnector3`		1
`ShapeType.BentConnector4`		2
`ShapeType.BentConnector5`		3
`ShapeType.CurvedConnector2`		0
`ShapeType.CurvedConnector3`		1
`ShapeType.CurvedConnector4`		2
`ShapeType.CurvedConnector5`		3

使用连接线连接形状

创建 Presentation 类的实例。
通过索引获取幻灯片的引用。
使用 Shapes 对象公开的 addAutoShape 方法向幻灯片添加两个 AutoShape。
通过定义连接线类型，使用 Shapes 对象公开的 addConnector 方法添加连接线。
使用该连接线连接形状。
调用 reroute 方法以应用最短的连接路径。
保存演示文稿。

以下 Java 代码演示如何在两个形状（椭圆和矩形）之间添加连接线（弯曲连接线）：

// 实例化一个表示 PPTX 文件的演示文稿类
Presentation pres = new Presentation();
try {
    // 访问特定幻灯片的形状集合
    IShapeCollection shapes = pres.getSlides().get_Item(0).getShapes();
    
    // 添加椭圆自动形状
    IAutoShape ellipse = shapes.addAutoShape(ShapeType.Ellipse, 0, 100, 100, 100);
    
    // 添加矩形自动形状
    IAutoShape rectangle = shapes.addAutoShape(ShapeType.Rectangle, 100, 300, 100, 100);
    
    // 向幻灯片形状集合添加连接线形状
    IConnector connector = shapes.addConnector(ShapeType.BentConnector2, 0, 0, 10, 10);
    
    // 使用连接线连接形状
    connector.setStartShapeConnectedTo(ellipse);
    connector.setEndShapeConnectedTo(rectangle);
    
    // 调用 reroute 方法以设置形状之间的自动最短路径
    connector.reroute();
    
    // 保存演示文稿
    pres.save("output.pptx", SaveFormat.Pptx);
} finally {
    if (pres != null) pres.dispose();
}

NOTE

Connector.reroute 方法会重新路由连接线，使其在形状之间采取最短的路径。为实现此目的，该方法可能会更改 setStartShapeConnectionSiteIndex 和 setEndShapeConnectionSiteIndex 点。

指定连接点

如果您希望连接线使用形状上的特定点链接两个形状，需要按以下方式指定首选的连接点：

创建 Presentation 类的实例。
通过索引获取幻灯片的引用。
使用 Shapes 对象公开的 addAutoShape 方法向幻灯片添加两个 AutoShape。
通过定义连接线类型，使用 Shapes 对象公开的 addConnector 方法添加连接线。
使用该连接线连接形状。
在形状上设置您首选的连接点。
保存演示文稿。

// 实例化一个表示 PPTX 文件的演示文稿类
Presentation pres = new Presentation();
try {
    // 访问特定幻灯片的形状集合
    IShapeCollection shapes = pres.getSlides().get_Item(0).getShapes();

    // 添加椭圆自动形状
    IAutoShape ellipse = shapes.addAutoShape(ShapeType.Ellipse, 0, 100, 100, 100);

    // 添加矩形自动形状
    IAutoShape rectangle = shapes.addAutoShape(ShapeType.Rectangle, 100, 300, 100, 100);

    // 向幻灯片的形状集合添加连接线形状
    IConnector connector = shapes.addConnector(ShapeType.BentConnector2, 0, 0, 10, 10);

    // 使用连接线连接形状
    connector.setStartShapeConnectedTo(ellipse);
    connector.setEndShapeConnectedTo(rectangle);

    // 设置椭圆形状的首选连接点索引
    int wantedIndex = 6;

    // 检查首选索引是否小于最大站点索引计数
    if (ellipse.getConnectionSiteCount() > wantedIndex) 
    {
        // 在椭圆自动形状上设置首选连接点
        connector.setStartShapeConnectionSiteIndex(wantedIndex);
    }

    // 保存演示文稿
    pres.save("output.pptx", SaveFormat.Pptx);
} finally {
    if (pres != null) pres.dispose();
}

调整连接点

您可以通过其调整点来调整现有的连接线。只有带有调整点的连接线才能以此方式修改。请参见 连接线类型 下的表格。

简单案例

考虑一种情况：两个形状（A 和 B）之间的连接线穿过第三个形状（C）：

connector-obstruction

Presentation pres = new Presentation();
try {

    ISlide sld = pres.getSlides().get_Item(0);
    IShape shape = sld.getShapes().addAutoShape(ShapeType.Rectangle, 300, 150, 150, 75);
    IShape shapeFrom = sld.getShapes().addAutoShape(ShapeType.Rectangle, 500, 400, 100, 50);
    IShape shapeTo = sld.getShapes().addAutoShape(ShapeType.Rectangle, 100, 100, 70, 30);

    IConnector connector = sld.getShapes().addConnector(ShapeType.BentConnector5, 20, 20, 400, 300);

    connector.getLineFormat().setEndArrowheadStyle(LineArrowheadStyle.Triangle);
    connector.getLineFormat().getFillFormat().setFillType(FillType.Solid);
    connector.getLineFormat().getFillFormat().getSolidFillColor().setColor(Color.BLACK);

    connector.setStartShapeConnectedTo(shapeFrom);
    connector.setEndShapeConnectedTo(shapeTo);
    connector.setStartShapeConnectionSiteIndex(2);
} finally {
    if (pres != null) pres.dispose();
}

为了避免或绕过第三个形状，我们可以通过将其垂直线向左移动来调整连接线：

connector-obstruction-fixed

IAdjustValue adj2 = connector.getAdjustments().get_Item(1);
adj2.setRawValue(adj2.getRawValue() + 10000);

复杂案例

进行更复杂的调整时，需要考虑以下因素：

连接线的可调点与计算其位置的公式紧密关联。因此，点位置的变化可能会改变连接线的形状。
连接线的调整点在数组中按严格顺序定义。调整点的编号从连接线的起始点到结束点。
调整点的数值表示连接线形状宽度/高度的百分比。
- 该形状的范围由连接线的起始点和结束点乘以 1000 确定。
- 第一点、第二点和第三点分别定义宽度的百分比、高度的百分比以及再次的宽度百分比。
在计算连接线调整点坐标时，需要考虑连接线的旋转和镜像。注意，在 连接线类型 中显示的所有连接线的旋转角度均为 0。

案例 1

考虑一种情况：两个文本框对象通过连接线链接在一起：

connector-shape-complex

// 实例化一个表示 PPTX 文件的演示文稿类
Presentation pres = new Presentation();
try {
    // 获取演示文稿的第一张幻灯片
    ISlide sld = pres.getSlides().get_Item(0);
    // 添加将通过连接线连接在一起的形状
    IAutoShape shapeFrom = sld.getShapes().addAutoShape(ShapeType.Rectangle, 100, 100, 60, 25);
    shapeFrom.getTextFrame().setText("From");
    IAutoShape shapeTo = sld.getShapes().addAutoShape(ShapeType.Rectangle, 500, 100, 60, 25);
    shapeTo.getTextFrame().setText("To");
    // 添加一个连接线
    IConnector connector = sld.getShapes().addConnector(ShapeType.BentConnector4, 20, 20, 400, 300);
    // 指定连接线的方向
    connector.getLineFormat().setEndArrowheadStyle(LineArrowheadStyle.Triangle);
    // 指定连接线的颜色
    connector.getLineFormat().getFillFormat().setFillType(FillType.Solid);
    connector.getLineFormat().getFillFormat().getSolidFillColor().setColor(Color.RED);
    // 指定连接线的线条粗细
    connector.getLineFormat().setWidth(3);
    
    // 使用连接线将形状链接在一起
    connector.setStartShapeConnectedTo(shapeFrom);
    connector.setStartShapeConnectionSiteIndex(3);
    connector.setEndShapeConnectedTo(shapeTo);
    connector.setEndShapeConnectionSiteIndex(2);
    
    // 获取连接线的调整点
    IAdjustValue adjValue_0 = connector.getAdjustments().get_Item(0);
    IAdjustValue adjValue_1 = connector.getAdjustments().get_Item(1);

} finally {
    if (pres != null) pres.dispose();
}

调整

我们可以通过分别将相应的宽度和高度百分比增加 20% 和 200% 来更改连接线的调整点数值：

// 更改调整点的值
adjValue_0.setRawValue(adjValue_0.getRawValue() + 20000);
adjValue_1.setRawValue(adjValue_1.getRawValue() + 200000);

结果：

connector-adjusted-1

为了定义一个模型，以确定连接线各部分的坐标和形状，让我们创建一个对应于 connector.getAdjustments().get_Item(0) 点的水平分量的形状：

// 绘制连接线的垂直部分
float x = connector.getX() + connector.getWidth() * adjValue_0.getRawValue() / 100000;
float y = connector.getY();
float height = connector.getHeight() * adjValue_1.getRawValue() / 100000;
sld.getShapes().addAutoShape( ShapeType .Rectangle, x, y, 0, height);

结果：

connector-adjusted-2

案例 2

在 案例 1 中，我们使用基本原理演示了简单的连接线调整操作。在常规情况下，需要考虑连接线的旋转及其显示（由 connector.getRotation()、connector.getFrame().getFlipH() 和 connector.getFrame().getFlipV() 设置）。下面演示该过程。

首先，向幻灯片添加一个新的文本框对象（To 1）（用于连接），并创建一个新的（绿色）连接线，将其连接到我们已经创建的对象。

// 创建一个新的绑定对象
IAutoShape shapeTo_1 = sld.getShapes().addAutoShape(ShapeType.Rectangle, 100, 400, 60, 25);
shapeTo_1.getTextFrame().setText("To 1");
// 创建一个新的连接线
connector = sld.getShapes().addConnector(ShapeType.BentConnector4, 20, 20, 400, 300);
connector.getLineFormat().setEndArrowheadStyle(LineArrowheadStyle.Triangle);
connector.getLineFormat().getFillFormat().setFillType(FillType.Solid);
connector.getLineFormat().getFillFormat().getSolidFillColor().setColor(Color.CYAN);
connector.getLineFormat().setWidth(3);
// 使用新创建的连接线连接对象
connector.setStartShapeConnectedTo(shapeFrom);
connector.setStartShapeConnectionSiteIndex(2);
connector.setEndShapeConnectedTo(shapeTo_1);
connector.setEndShapeConnectionSiteIndex(3);
// 获取连接线的调整点
adjValue_0 = connector.getAdjustments().get_Item(0);
adjValue_1 = connector.getAdjustments().get_Item(1);
// 更改调整点的值
adjValue_0.setRawValue(adjValue_0.getRawValue() + 20000);
adjValue_1.setRawValue(adjValue_1.getRawValue() + 200000);

结果：

connector-adjusted-3

其次，创建一个形状，对应于通过新连接线的调整点 connector.getAdjustments().get_Item(0) 的水平分量。我们将使用 connector.getRotation()、connector.getFrame().getFlipH() 和 connector.getFrame().getFlipV() 的值，并应用围绕给定点 x0 的常用坐标转换公式进行旋转：

X = (x — x0) * cos(alpha) — (y — y0) * sin(alpha) + x0;

Y = (x — x0) * sin(alpha) + (y — y0) * cos(alpha) + y0;

在本例中，对象的旋转角度为 90 度，且连接线垂直显示，因此对应的代码如下：

// 保存连接线坐标
x = connector.getX();
y = connector.getY();
// 如果出现，则校正连接线坐标
if (connector.getFrame().getFlipH() == NullableBool.True)
{
    x += connector.getWidth();
}
if (connector.getFrame().getFlipV() == NullableBool.True)
{
    y += connector.getHeight();
}
// 将调整点的值作为坐标
x += connector.getWidth() * adjValue_0.getRawValue() / 100000;
//  将坐标转换，因为 Sin(90) = 1 且 Cos(90) = 0
float xx = connector.getFrame().getCenterX() - y + connector.getFrame().getCenterY();
float yy = x - connector.getFrame().getCenterX() + connector.getFrame().getCenterY();
// 使用第二个调整点的值确定水平分量的宽度
float width = connector.getHeight() * adjValue_1.getRawValue() / 100000;
IAutoShape shape = sld.getShapes().addAutoShape(ShapeType.Rectangle, xx, yy, width, 0);
shape.getLineFormat().getFillFormat().setFillType(FillType.Solid);
shape.getLineFormat().getFillFormat().getSolidFillColor().setColor(Color.RED);

结果：

connector-adjusted-4

我们演示了涉及简单调整和复杂调整点（带旋转角度的调整点）的计算。掌握这些知识后，您可以开发自己的模型（或编写代码）以获取 GraphicsPath 对象，甚至根据特定幻灯片坐标设置连接线的调整点数值。

查找连接线的角度

创建该类的实例。
通过索引获取幻灯片的引用。
访问连接线形状。
使用线宽、线高、形状框高度和形状框宽度计算角度。

以下 Java 代码演示了计算连接线形状角度的操作：

Presentation pres = new Presentation("ConnectorLineAngle.pptx");
try {
    Slide slide = (Slide)pres.getSlides().get_Item(0);
    
    for (int i = 0; i < slide.getShapes().size(); i++)
    {
        double dir = 0.0;
        Shape shape = (Shape)slide.getShapes().get_Item(i);
        if (shape instanceof AutoShape)
        {
            AutoShape ashp = (AutoShape)shape;
            if (ashp.getShapeType() == ShapeType.Line)
            {
                dir = getDirection(ashp.getWidth(), ashp.getHeight(),
                        ashp.getFrame().getFlipH() > 0, ashp.getFrame().getFlipV() > 0);
            }
        }
        else if (shape instanceof Connector)
        {
            Connector ashp = (Connector)shape;
            dir = getDirection(ashp.getWidth(), ashp.getHeight(),
                    ashp.getFrame().getFlipH() > 0, ashp.getFrame().getFlipV() > 0);
        }

        System.out.println(dir);
    }
} finally {
    if (pres != null) pres.dispose();
}

public static double getDirection(float w, float h, boolean flipH, boolean flipV)
{
    float endLineX = w * (flipH ? -1 : 1);
    float endLineY = h * (flipV ? -1 : 1);
    float endYAxisX = 0;
    float endYAxisY = h;
    double angle = (Math.atan2(endYAxisY, endYAxisX) - Math.atan2(endLineY, endLineX));
    if (angle < 0) angle += 2 * Math.PI;
    return angle * 180.0 / Math.PI;
}

常见问题

如何判断连接线是否可以“粘贴”到特定形状上？

检查该形状是否公开了 connection sites。如果没有或计数为零，则无法粘贴；此时请使用自由端点并手动定位。建议在附加之前检查站点计数。

如果删除了已连接的形状之一，连接线会怎样？

其两端将被分离；该连接线仍然保留在幻灯片上，作为具有自由起点/终点的普通线。您可以删除它，或重新分配连接，并在需要时使用 reroute。

在将幻灯片复制到另一个演示文稿时，连接线的绑定会被保留吗？

通常会保留，前提是目标形状也一起被复制。如果将幻灯片插入到不含已连接形状的另一个文件中，连接线的两端会变为自由端，需要重新附加。

在 Android 上自定义演示文稿形状