跳至頁尾內容
  1. IronPDF
  2. IronPDF博客
  3. .NET 幫助
  4. C# 將字串轉換為 Bubble
.NET 幫助

C# 將字串轉換為 Bubble（開發者使用方法）

Jacob Mellor，Team Iron 首席技術官
雅各·梅勒
更新:

對話氣泡是突出顯示文字、註釋文件或在 PDF 中創建漫畫風格效果的好方法。 無論您是在報告中添加評論、生成操作指南還是創建互動式文檔，對話氣泡都可以增強 PDF 的可讀性和視覺吸引力。

在本文中，我們將探討如何使用IronPDF在 C# 中將字串變數轉換為對話氣泡。 IronPDF 是一個功能強大的 .NET 庫，可以輕鬆地將 HTML 和 CSS 轉換為 PDF，因此非常適合從任何給定的C# 字串動態渲染樣式化的對話氣泡。 讓我們開始吧！

IronPDF：功能強大的 .NET PDF 程式庫

C# 將字串轉換為 Bubble（開發者使用方法）：圖 1

那麼，為什麼選擇IronPDF ？ IronPDF 是一個功能強大的 C# 庫，旨在讓以程式設計方式處理 PDF 文件變得輕而易舉。 有了它，您可以輕鬆地從HTML 、圖像、 DOCX檔案等生成 PDF 文件。 或者，您可能正在尋找一款能夠有效率、有效地處理PDF 安全性問題或編輯現有 PDF 文件的工具。 無論什麼任務，IronPDF 都能滿足您的需求，它是一個包羅萬象的庫，幾乎可以解決任何與 PDF 相關的任務，而無需第三方庫。

項目設定

安裝 IronPDF

首先，透過 NuGet 安裝 IronPDF。 在 Visual Studio 中開啟程式包管理器控制台並執行：

Install-Package IronPdf

或者，您也可以透過 Visual Studio 中的NuGet 套件管理員安裝它，方法是搜尋IronPDF ，然後按一下"安裝"。

C# 將字串轉換為 Bubble（開發者工作原理）：圖 2

安裝完成後，請確保您的 C# 檔案中包含以下命名空間：

using IronPdf;
using IronPdf;
$vbLabelText   $csharpLabel

理解PDF中的對話框

對話氣泡通常是使用 HTML 和 CSS 創建的。 它們由一個帶有圓角的文字容器和一個指向說話者的小尾巴組成。 使用 IronPDF，我們可以將這些對話氣泡產生為 HTML 元素，並在 PDF 中渲染它們。

使用資料類型建立對話氣泡

將字串值解析為數值類型

有時，我們需要將使用者輸入轉換為雙精度值，以便動態設定對話氣泡的尺寸。 我們可以使用 parse 方法來實現這一點：

string widthInput = "150.5";
double bubbleWidth = double.Parse(widthInput);
string widthInput = "150.5";
double bubbleWidth = double.Parse(widthInput);
$vbLabelText   $csharpLabel

這樣就可以根據使用者輸入動態調整氣泡的大小。

使用布林值顯示選項

可以使用布林值來切換對話氣泡是否可見：

bool showBubble = true;
if (showBubble)
{
    Console.WriteLine("Speech bubble is visible");
}
bool showBubble = true;
if (showBubble)
{
    Console.WriteLine("Speech bubble is visible");
}
$vbLabelText   $csharpLabel

使用 IronPDF 將字串轉換為對話氣泡

為 Bubble 建立 HTML 模板

由於 IronPDF 支援HTML 到 PDF 的轉換，我們可以使用 HTML 和 CSS 建立一個簡單的對話氣泡。 要將字串變數轉換為 PDF 文檔，您需要確保先建立一個新的ChromePdfRenderer實例。

using IronPdf;

class Program
{
    static void Main()
    {
        // Create a new PDF renderer instance
        ChromePdfRenderer renderer = new ChromePdfRenderer();

        // HTML and CSS content for the speech bubble
        string htmlContent = 
            "<div class='bubble'>Hello, this is a speech bubble!</div>" +
            "<style>" +
            ".bubble { display: inline-block; background: #f0f0f0; border-radius: 10px; padding: 10px 15px; position: relative; font-family: Arial, sans-serif; }" +
            ".bubble::after { content: ''; position: absolute; bottom: -10px; left: 20px; border-width: 10px; border-style: solid; border-color: #f0f0f0 transparent transparent transparent; }" +
            "</style>";

        // Render the HTML to a PDF
        PdfDocument pdf = renderer.RenderHtmlAsPdf(htmlContent);

        // Save the PDF file
        pdf.SaveAs("speechBubble.pdf");
    }
}
using IronPdf;

class Program
{
    static void Main()
    {
        // Create a new PDF renderer instance
        ChromePdfRenderer renderer = new ChromePdfRenderer();

        // HTML and CSS content for the speech bubble
        string htmlContent = 
            "<div class='bubble'>Hello, this is a speech bubble!</div>" +
            "<style>" +
            ".bubble { display: inline-block; background: #f0f0f0; border-radius: 10px; padding: 10px 15px; position: relative; font-family: Arial, sans-serif; }" +
            ".bubble::after { content: ''; position: absolute; bottom: -10px; left: 20px; border-width: 10px; border-style: solid; border-color: #f0f0f0 transparent transparent transparent; }" +
            "</style>";

        // Render the HTML to a PDF
        PdfDocument pdf = renderer.RenderHtmlAsPdf(htmlContent);

        // Save the PDF file
        pdf.SaveAs("speechBubble.pdf");
    }
}
$vbLabelText   $csharpLabel

PDF 輸出

C# 將字串轉換為氣泡（開發者使用方法）：圖 3 - C# 字串轉換為對話氣泡的 PDF 輸出

如您所見，我們創建了一個字串變量，其中包含用於在 PDF 文件中渲染對話氣泡的 HTML 和 CSS 內容。 然後，使用ChromePdfRenderer類別中的RenderHtmlAsPdf方法，我們將此字串渲染成 PDF 文檔，然後再儲存它。

按照這些步驟，您將生成一個包含文字"你好，這是一個對話氣泡！"的新 PDF 文檔，並掌握了從簡單字串生成 PDF 的基本知識。

自訂對話氣泡

如果您想做的不僅僅是在 PDF 中添加一個基本的對話氣泡，該怎麼辦？ 讓我們來看看如何使用 CSS 自訂對話氣泡。 您可以透過調整 CSS 來修改氣泡的顏色、大小和位置。 下面舉個例子，我們來更改背景顏色和文字大小：

.bubble {
  background: #ffcc00;
  color: #333;
  font-size: 16px;
}

如果需要動態文本，可以將靜態文本替換為 C# 變量，最終程式碼如下所示：

using IronPdf;

class Program
{
    static void Main()
    {
        // Create a new PDF renderer instance
        ChromePdfRenderer renderer = new ChromePdfRenderer();

        // User input for the dynamic speech bubble content
        string userInput = "This is a custom speech bubble!";

        // HTML and CSS content for the speech bubble with dynamic text
        string dynamicHtml = 
            $"<div class='bubble'>{userInput}</div>" +
            "<style>" +
            ".bubble {background: #ffcc00; color: #333; font-size: 16px; }" +
            "</style>";

        // Render the HTML to a PDF
        PdfDocument pdf = renderer.RenderHtmlAsPdf(dynamicHtml);

        // Save the PDF file
        pdf.SaveAs("speechBubble.pdf");
    }
}
using IronPdf;

class Program
{
    static void Main()
    {
        // Create a new PDF renderer instance
        ChromePdfRenderer renderer = new ChromePdfRenderer();

        // User input for the dynamic speech bubble content
        string userInput = "This is a custom speech bubble!";

        // HTML and CSS content for the speech bubble with dynamic text
        string dynamicHtml = 
            $"<div class='bubble'>{userInput}</div>" +
            "<style>" +
            ".bubble {background: #ffcc00; color: #333; font-size: 16px; }" +
            "</style>";

        // Render the HTML to a PDF
        PdfDocument pdf = renderer.RenderHtmlAsPdf(dynamicHtml);

        // Save the PDF file
        pdf.SaveAs("speechBubble.pdf");
    }
}
$vbLabelText   $csharpLabel

PDF 輸出

C# 將字串轉換為氣泡（開發者使用方法）：圖 4 - 自訂 PDF 對話氣泡輸出

進階功能

在現有 PDF 上疊加氣泡

有時，您可能會想要在現有的 PDF 檔案中新增對話氣泡，而不是產生新的 PDF 檔案。 IronPDF 讓您可以將 HTML 元素以浮水印的形式疊加到現有的 PDF 上。

using IronPdf;

class Program
{
    public static void Main()
    {
        // Load an existing PDF document
        PdfDocument pdf = PdfDocument.FromFile("existing.pdf");

        // HTML and CSS content for the new speech bubble
        string newBubble = 
            "<div class='bubble'>New Comment</div>" +
            "<style>" +
            ".bubble { display: inline-block; background: #f0f0f0; border-radius: 10px; padding: 10px 15px; position: relative; font-family: Arial, sans-serif; }" +
            ".bubble::after { content: ''; position: absolute; bottom: -10px; left: 20px; border-width: 10px; border-style: solid; border-color: #f0f0f0 transparent transparent transparent; }" +
            "</style>";

        // Apply the speech bubble as a watermark on the existing PDF
        pdf.ApplyWatermark(newBubble);

        // Save the updated PDF file
        pdf.SaveAs("updated.pdf");
    }
}
using IronPdf;

class Program
{
    public static void Main()
    {
        // Load an existing PDF document
        PdfDocument pdf = PdfDocument.FromFile("existing.pdf");

        // HTML and CSS content for the new speech bubble
        string newBubble = 
            "<div class='bubble'>New Comment</div>" +
            "<style>" +
            ".bubble { display: inline-block; background: #f0f0f0; border-radius: 10px; padding: 10px 15px; position: relative; font-family: Arial, sans-serif; }" +
            ".bubble::after { content: ''; position: absolute; bottom: -10px; left: 20px; border-width: 10px; border-style: solid; border-color: #f0f0f0 transparent transparent transparent; }" +
            "</style>";

        // Apply the speech bubble as a watermark on the existing PDF
        pdf.ApplyWatermark(newBubble);

        // Save the updated PDF file
        pdf.SaveAs("updated.pdf");
    }
}
$vbLabelText   $csharpLabel

PDF 輸出

C# 將字串轉換為氣泡（開發者操作指南）：圖 5 - 在現有 PDF 中新增對話氣泡的輸出範例

如上例所示，我們首先使用PdfDocument.FromFile()載入現有的 PDF 文檔，然後計劃在其中新增新的對話氣泡。 然後，我們使用簡單的 HTML 和 CSS，在新 Bubble字串表示中創建了 HTML 內容的對話氣泡。 最後，我們只需使用ApplyWatermark方法即可將這個新氣泡應用到 PDF 中。

使用 IronPDF 的浮水印工具等工具，開發人員可以輕鬆地將 HTML 內容套用到現有的 PDF 文件中。

利用數據生成對話氣泡

如果您需要根據使用者輸入、資料庫或 API 動態建立對話氣泡，您可以循環遍歷資料並產生多個對話氣泡。

using IronPdf;

class Program
{
    static void Main()
    {
        // Create a new PDF renderer instance
        ChromePdfRenderer renderer = new ChromePdfRenderer();

        // List of messages to convert into speech bubbles
        List<string> messages = new List<string> { "Hello!", "How are you?", "This is IronPDF!" };
        string htmlBubbles = "";

        // Generate HTML for each message
        foreach (var msg in messages)
        {
            htmlBubbles += $"<div class='bubble'>{msg}</div>";
        }

        // Render the HTML to a PDF
        var pdf = renderer.RenderHtmlAsPdf(htmlBubbles);

        // Save the PDF file
        pdf.SaveAs("updated.pdf");
    }
}
using IronPdf;

class Program
{
    static void Main()
    {
        // Create a new PDF renderer instance
        ChromePdfRenderer renderer = new ChromePdfRenderer();

        // List of messages to convert into speech bubbles
        List<string> messages = new List<string> { "Hello!", "How are you?", "This is IronPDF!" };
        string htmlBubbles = "";

        // Generate HTML for each message
        foreach (var msg in messages)
        {
            htmlBubbles += $"<div class='bubble'>{msg}</div>";
        }

        // Render the HTML to a PDF
        var pdf = renderer.RenderHtmlAsPdf(htmlBubbles);

        // Save the PDF file
        pdf.SaveAs("updated.pdf");
    }
}
$vbLabelText   $csharpLabel

PDF 輸出

C# 將字串轉換為氣泡（開發者使用方法）：圖 6 - 輸出 PDF 文件，用於從資料產生對話氣泡

這段程式碼使用 foreach 迴圈將清單中的字串轉換為對話氣泡。透過使用類似這樣的方法將字串轉換為 PDF 文件中的對話氣泡，您可以輕鬆地將聊天記錄、通知甚至自動生成的報告等資料轉換為易於顯示的對話氣泡。

處理特定文化格式訊息

解析使用者輸入時，我們可能需要考慮特定於文化的格式訊息，特別是對於數值而言。

using System.Globalization;

string value = "1,234.56";
double number = double.Parse(value, CultureInfo.InvariantCulture);
using System.Globalization;

string value = "1,234.56";
double number = double.Parse(value, CultureInfo.InvariantCulture);
$vbLabelText   $csharpLabel

這樣可以確保無論區域設定如何，數字格式都保持一致。

在對話氣泡處理中使用整數值

給一個整數變數賦值

我們可以宣告一個整數變數來儲存對話氣泡的計數器：

int i = 0;
for (i = 0; i < 5; i++)
{
    Console.WriteLine($"Generating speech bubble {i + 1}");
}
int i = 0;
for (i = 0; i < 5; i++)
{
    Console.WriteLine($"Generating speech bubble {i + 1}");
}
$vbLabelText   $csharpLabel

將字串解析為整數值

如果我們需要將字串輸入解析為整數結果，我們可以使用parse 方法：

string input = "42";
int result = int.Parse(input);
string input = "42";
int result = int.Parse(input);
$vbLabelText   $csharpLabel

這樣可以確保文字輸入被轉換為有效格式，即可使用的數值格式變數。

建立對話氣泡產生器類

為了保持程式碼結構清晰，我們可以定義一個用於生成對話氣泡的公共類別：

public class SpeechBubbleGenerator
{
    // Method to generate HTML for a speech bubble
    public string GenerateBubble(string text)
    {
        return $"<div class='bubble'>{text}</div>";
    }
}
public class SpeechBubbleGenerator
{
    // Method to generate HTML for a speech bubble
    public string GenerateBubble(string text)
    {
        return $"<div class='bubble'>{text}</div>";
    }
}
$vbLabelText   $csharpLabel

利用這個類，我們可以有效率地創造多個對話氣泡。

結論

對話氣泡使 PDF 文件更清晰、更美觀，非常適合用於註釋、評論和互動式文件。 透過使用IronPDF ，您可以輕鬆地使用 HTML 和 CSS 產生這些氣泡，同時利用 C# 進行自訂和自動化。 無論您是將它們疊加到現有 PDF 上還是創建動態文檔，IronPDF 都提供了一種靈活高效的方法，可以輕鬆地將字符串轉換為 PDF 文件中可讀的對話氣泡。

如果您正在尋找一款功能強大的 .NET PDF 解決方案，請嘗試IronPDF ，開始使用動態、視覺效果出色的內容來增強您的 PDF！

常見問題解答

如何在C#中將字串變數轉換為對話氣泡？

在 C# 中，您可以使用 HTML 和 CSS 將字串變數轉換為對話氣泡並設定樣式。像 IronPDF 這樣的 .NET PDF 程式庫可以幫助您將這些樣式化的元素渲染成 PDF 檔案。

如何安裝用於建立對話氣泡的 .NET PDF 程式庫？

要安裝 .NET PDF 庫，您可以使用 Visual Studio 中的 NuGet 套件管理器，方法是在套件管理器控制台中執行Install-Package IronPdf ，或在 NuGet 套件管理器 GUI 中搜尋它。

如何使用HTML和CSS在PDF中建立對話氣泡？

可以使用 HTML 和 CSS 來設計對話氣泡，方法是建立一個帶有圓角和尾部的文字容器。然後，可以使用 .NET 函式庫將這些元素渲染成 PDF 檔案。

是否可以動態調整PDF中對話氣泡的大小？

是的，可以透過結合 CSS 和 .NET PDF 函式庫，根據使用者輸入或資料動態調整對話氣泡的大小，並在 PDF 中呈現變更。

如何在現有的PDF文件上加入對話氣泡？

您可以使用 .NET PDF 函式庫，透過將 HTML 元素作為浮水印或疊加層套用到 PDF 文件上，在現有 PDF 上新增對話氣泡。

我能否根據使用者輸入或資料庫資料生成對話氣泡？

.NET PDF 程式庫可讓您透過遍歷資料並相應地渲染氣泡，從使用者輸入或資料庫資料動態產生對話氣泡。

PDF 檔案中的對話氣泡有哪些自訂選項？

您可以透過修改 CSS 屬性（例如顏色、大小、文字樣式和位置）來自訂 PDF 中的對話氣泡，從而實現個人化外觀。

如何在 C# 中使用 SpeechBubbleGenerator 類別？

可以建立一個 SpeechBubbleGenerator 類別來封裝產生對話氣泡的邏輯，從而為在 C# 中處理氣泡創建提供一種結構化和可重複使用的方法。

在 C# 中使用 .NET 函式庫產生 PDF 有哪些優點？

在 C# 中使用 .NET 程式庫產生 PDF 具有靈活性和效率，允許開發人員直接從 C# 程式碼創建動態且視覺上吸引人的內容，例如對話氣泡。

Jacob Mellor，Team Iron 首席技術官
雅各·梅勒
  現在就和工程團隊聊天吧
首席技術長

Jacob Mellor 是 Iron Software 的首席技術官，也是一位富有遠見的工程師，率先開發了 C# PDF 技術。作為 Iron Software 核心程式碼庫的最初開發者，他自公司成立之初便參與塑造了其產品架構，並與執行長 Cameron Rimington 一起將其發展成為一家擁有 50 多名員工、服務於 NASA、特斯拉和全球政府機構的公司。

Jacob 於 1998 年至 2001 年在曼徹斯特大學獲得土木工程一級榮譽學士學位。 1999 年，他在倫敦創辦了自己的第一家軟體公司；2005 年，他創建了自己的第一個 .NET 元件。此後，他專注於解決微軟生態系統中的複雜問題。

他的旗艦產品 IronPDF 和 IronSuite .NET 庫在全球 NuGet 上的安裝量已超過 3000 萬次，其基礎程式碼持續為全球開發者工具提供支援。憑藉 25 年的商業經驗和 41 年的程式設計專長，Jacob 始終致力於推動企業級 C#、Java 和 Python PDF 技術的創新，同時指導下一代技術領導者。

相關文章

30天試用期 → 完整產品。無限制。無需信用卡。 開始免費試用