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 區塊解說。
若需要任何幫助,歡迎點擊右下角的對話圖示詢問,我們會盡快回覆您的問題