QR Code

QR Code 元件

BRICKS TOOLS avatar
作者:BRICKS TOOLS
一週前已更新
  • QR Code 元件介紹

QR Code 元件用於提供使用者將連結、書籤、文字、郵件、電話、簡訊(SMS)及簡訊(MMS)、地圖、WiFi 存取、PayPal 立即購、聯絡人等資訊以 QR Code 形式在顯示裝置上呈現。

QR Code 元件的各種屬性對應顯示呈現樣貌


  • Frame 區塊

Frame 基本屬性和 Rect 方塊元件相同,詳細可參考方塊元件 Frame 區塊解說


  • Properties 區塊

文字輸入框元件的 Properties 基本屬性繼承方塊元件,詳細可參考方塊元件 Properties 區塊解說

其他屬性解說如下:

屬性名稱

屬性形態

說明

Value

字串

設定生成 QR Code 的連結、文字。其他形式都是以連結方式生成,如mailto、http、https、WIFI、 sms、tel、callto、market (google play store) 等不同字串開頭來創造出不同的形式功能。

Positive Color

字串

設定 QR Code 的本身顏色。*注意:反白的QR Code 可能在部分掃描器中無法辨識

Negative Color

字串

設定 QR Code 的底色顏色,和Background Color 屬性不同,此顏色形狀不會受到 Border 的設定影響,因此要做有邊框和導角的 QR Code 圖時,建議使用 Background Color 來設定底色。

Quiet Zone

數值

設定QR Code內容與元件邊界間的距離。建議要保留一定距離才能讓各種掃描器都掃的到


  • Logo 區塊

Property Name

屬性名稱

Property Type

屬性形態

Description

說明

Path

字串

設定中間顯示 Logo 的圖檔來源路徑,可選擇使用Media Box 上傳。

Size

數值 0 到 100

設定中間顯示 Logo 佔 QR Code 的比例大小。

Background Color

字串

設定 Logo 的背景顏色,可使用 RGBA 或HSLA 格式設定半透明背景。

Margin

數值

設定 Logo 圖像和邊界間的距離。


  • Linear Gradient 區塊

屬性名稱

屬性形態

說明

Enabled

布林值 Yes 或 No

設定是否將 QR Code 顯示成線性漸層色彩。

Start

字串

設定漸層色彩的起始色彩

End

字串

設定漸層色彩的結束色彩

Direction

字串陣列 (x1, y1, x2, y2)

設定漸層的方向性。

x1 數值代表 Start color 在水平座標的百分比,y1 數值代表 Start color 在垂直座標的百分比、x2 數值代表 End color 在水平座標的百分比、y2 數值代表 End color 在垂直座標的百分比。

可輸入數值(0-1)或百分比


  • Properties - Border 區塊

基本邊框屬性和 Rect 方塊元件相同,詳細可參考方塊元件 Border 區塊解說


  • Animations 區塊

基本動畫事件屬性和 Rect 方塊元件相同,詳細可參考方塊元件 Animation 區塊解說


  • Events 區塊

基本事件屬性和 Rect 方塊元件相同,詳細可參考方塊元件 Event 區塊解說

若需要任何幫助,歡迎點擊右下角的對話圖示詢問,我們會盡快回覆您的問題

是否回答了您的問題?