Uniapp Android 佳博 小票打印机 插件
Uniapp Android 佳博 小票打印機(jī) 插件
Uniapp Android 佳博小票打印機(jī)插件: ?支持圖片、條型碼、二維碼 打印。
1. 實(shí)例化插件
const gp= uni.requireNativePlugin('Html5App-Gprinter');?2.本插件包含4個(gè)方法
一、打開(kāi)藍(lán)牙搜索界面,搜索藍(lán)牙打印機(jī) ,setBackgroundColor:是藍(lán)牙搜索界面頭部背景顏色,默認(rèn)為:藍(lán)色。
gp.BluetoothPort({setBackgroundColor:"#2088d2"},result=>{result //返回值 });返回 JSON 格式 : {"state":"1","msg":"未連接"} 狀態(tài)碼
| 0 | 已連接打印機(jī),重新選擇請(qǐng)先斷開(kāi)打印機(jī) |
| 1 | 未連接 |
| 2 | 連接中 |
| 3 | 已連接 |
| 4 | 連接失敗 |
二、打印小票
gp.Print({"printdata":data},result=>{result //返回值 ? ?});printdata 參數(shù)是一個(gè) 數(shù)組包含JSON 格式的 小票打印數(shù)據(jù),
返回 JSON 格式 : {"state":"1","msg":"請(qǐng)先連接打印機(jī)!"} 狀態(tài)碼
| 1 | 請(qǐng)先連接打印機(jī) |
| 2 | 打印完成 |
| 3 | 打印機(jī)缺紙 |
| 4 | 打印機(jī)開(kāi)蓋 |
| 5 | 打印機(jī)出錯(cuò) |
一般情況下,3和4 ,歸到3中,就是開(kāi)蓋有些機(jī)器只會(huì)按提示缺紙來(lái)警告
三、查詢打印器狀態(tài)
gp.PrinterState(result=>{result //返回值 });返回 JSON 格式 : {"state":"1","msg":"請(qǐng)先連接打印機(jī)!"} 狀態(tài)碼 狀態(tài)碼|說(shuō)明 --|-- 1 | 請(qǐng)先連接打印機(jī) 3 | 打印機(jī)缺紙 4 | 打印機(jī)開(kāi)蓋 6 | 打印機(jī)連接正常 一般情況下,3和4 ,歸到3中,就是開(kāi)蓋有些機(jī)器只會(huì)按提示缺紙來(lái)警告.
四、斷開(kāi)打印機(jī)
gp.Disconnect(result=>{ ? ? result //返回值 ? ?});返回 JSON 格式 :{"state":"1","msg":"未連接"} ,這個(gè)代表已經(jīng)斷開(kāi)
3. 小票制作格式說(shuō)明
首先,先定義一個(gè)數(shù)組, var data=[]; //定義一個(gè)數(shù)組, 數(shù)組主要為了裝每一行的內(nèi)容 var line={}; //定義一個(gè)JSON,用來(lái)生成每一行的內(nèi)容
一共包含 單行文字,單行文字并排,圖片,條型號(hào),二維碼 這幾行打印。
例如:1.要?jiǎng)?chuàng)建一行文字
//制作小票格式,?var data=[]; ?//定義一個(gè)數(shù)組var line={}; ?//每添加一個(gè),代表一行字line.text="萬(wàn)達(dá)廣場(chǎng)銷售單"; // 內(nèi)容line.center="center"; // 文字居中方式:center=> 居中,left=> 靠左 ,right=> 靠右line.font="max"; //文屬性:max=> 特大加粗字, normal=> 默認(rèn)普通字 ,bold=> 普通加粗字,underline=> 帶下巴線的字,underl ine|bold=>帶下巴線且加粗字line.bottom="2"; //底部行距離data.push(line); //每添加一個(gè),代表一行字line={}; //添加新行時(shí),清空一下2. 創(chuàng)建一個(gè)并排的文字表格式line={};line.title=["數(shù)量:1", "單價(jià):305", "金額:305"]; // 并排一起line.left=[0, 30, 60]; // 第一個(gè)是0不用改,第二參考對(duì)應(yīng)上面第二參數(shù),距離第一個(gè)參數(shù)的距離line.center="left"; // 文字居中方式:center=> 居中,left=> 靠左 ,right=> 靠右line.font="normal"; //文屬性:max=> 特大加粗字, normal=> 默認(rèn)普通字 ,bold=> 普通加粗字,underline=> 帶下巴線的字,underline|bold=>帶下巴線且加粗字line.bottom="2"; //底部行距離data.push(line); //每添加一個(gè),代表一行字3. 創(chuàng)建一個(gè)圖片行//加入圖片line={};line.image="http://www.html5-app.com/gprinter.png"; //支持本地圖片和 網(wǎng)絡(luò)圖片地址,PNG 格式黑白Logo圖片line.width="350"; //圖片寬度,高度默認(rèn)隨寬度變化line.center="center"; line.bottom="2";data.push(line);4.創(chuàng)建一個(gè)條型碼//加入條型碼line={};line.barcode="2019563352660"; // 數(shù)據(jù)編號(hào)line.type="CODE128"; //條型碼類型:CODE128,CODE93,CODE39,UPCA,UPCE,EAN13,EAN8,ITFline.height="100"; // 條型碼高度line.position="BELOW"; //條型號(hào)編號(hào)是否顯示: BELOW => 顯示在條型碼下方,ABOVE=> 顯示在條型碼上方,NO_PRINT=> 不顯示line.width="2"; //條型寬度,這里的寬指的是 條型碼 豎條的寬度,不是整個(gè)條型碼的寬度line.center="center";line.bottom="2";data.push(line);5. 創(chuàng)建二維碼line={};line.qrcode="www.html5-app.com"; //內(nèi)容line.size="10"; //二維碼大小line.center="center";line.bottom="0";data.push(line);掃一掃下載安卓DEMO 示例 體驗(yàn), 或者電腦下載
附件是Uniapp 工程,包含Android 自定義基座在里面,在運(yùn)行-》選擇基座-》自定義基座,運(yùn)行即可,使用該插件功能。
?Uniapp 插件市場(chǎng):?Android 和 IOS 佳博 藍(lán)牙小票 標(biāo)簽 打印插件 - DCloud 插件市場(chǎng)
?html5app-Gprinter.rar | 16.37MB
如果發(fā)現(xiàn)360解壓或其他軟件解壓,出現(xiàn)壓縮包損壞的提示,請(qǐng)更用 WinRAR 解壓
總結(jié)
以上是生活随笔為你收集整理的Uniapp Android 佳博 小票打印机 插件的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: cisco产品命名
- 下一篇: 聊聊Spring中的数据绑定 --- D