日本発のオープンソース receiptline でレシート印刷に少しずつトライしています。
まだレシートプリンターがないので、前回利用した開発ツールを引き続き使います。
今回はテーブルで商品名と金額を配置します。
2列のテーブル
テーブルを利用して、レシートによくある商品名と金額のペアを作ってみます。
1 列目は商品名で左揃え、2 列目は金額で右揃えにします。
商品名と金額を |で区切って、位置揃えスペースを入れたら、出来上がり。
ReceiptLine
冷奴 | 380
竜田揚げ | 480
もつ煮込み | 580
小計 | 1,440
(内消費税等 | 130)
^合計 | ^1,440
列の数は可変
表題、水平線、注記を追加します。これらは 1 列で、中央揃えです。
2 列の途中で 1 列を混在させることができます。列の数は可変なのです。
列が分かるように、|とスペースを追加して、見た目を整えてみました。
ちなみに、空の行は改行が出力され、-のみの行は水平線になります。
ReceiptLine
| "領収書" |
| |
|冷奴 | 380|
|竜田揚げ | 480|
|もつ煮込み | 580|
|------------------------------|
|小計 | 1,440|
|(内消費税等 | 130)|
|^合計 | ^1,440|
| |
|※印は軽減税率(8%)対象商品です|
文字列の折り返し
では、長～い商品名を入れるとどうなるでしょう。
行の半分くらいのところで文字列が折り返されます。
ReceiptLine
冷奴竜田揚げもつ煮込みトリプルセット | 1,280
商品名を意図的に折り返したいこともあります。
そのときは、折り返したいところに \nを書きます。
ReceiptLine
冷奴\n竜田揚げ\nもつ煮込み\nトリプルセット | 1,280
商品名を折り返したくないときは、おまじないが必要です。{text:nowrap}を追加すると、はみ出す文字列が省略されます。
ReceiptLine
{text:nowrap}
冷奴竜田揚げもつ煮込みトリプルセット | 1,280
これは text プロパティというもので、この行以降の文字列の折り返しを設定しています。
名前は textまたは t、値は wrapで折り返す、nowrapで折り返さない、です。
これでレシートらしい配置ができました。
次回はテーブルを調整して見栄えを良くしたいと思います。