開発Blog

1pxへのこだわり♪

投稿日:

IM-FormaDesignerでは、Webブラウザ上でアプリを作ることができます。
まもなくリリース予定のパッチ2では、フォーム・デザイナに関して以下の3つの改善と修正を行います。

  • 要件 [16792] 選択した画面アイテムをカーソルキー(←↑→↓)で移動できるように改善
  • 要件 [17012] フォーム・デザイナで画面アイテム選択時および枠線表示時に1pxずれる
  • 要件 [17013] アプリ実行時に画面アイテムの右端・下端が少し切れてしまう

各要件の詳細は以下の通りです。フォーム・デザイナに関しては、Undo/Redoや複数選択して移動したい等、多数のご要望をいただいております。順次改善してまいりますのでご期待ください。

選択した画面アイテムをカーソルキー(←↑→↓)で移動できるように改善

フォーム・デザイナでは、これまで画面アイテムの移動はマウスまたは画面アイテムのプロパティで行ってました。でも画面アイテムの配置の微調整がやりづらかったです。。

そこでパッチ2では、選択した画面アイテムをカーソルキー(←↑→↓)で移動できるように改善いたします。

カーソルキーだけの場合、10pxずつ移動し、Ctrlキーを押しながらカーソルキーを押すと1pxずつ移動させることができます。

これで微調整がやりやすくなり、1pxにこだわったデザインができるかと思います♪

フォーム・デザイナで画面アイテム選択時および枠線表示時に1pxずれる

配置した画面アイテムをクリックすると、見た目上、右方向と下方向に 1px ずれていました。。

原因は、画面アイテムが選択されたときに1pxの枠線を表示しているのですが、この1px分の枠線の表示方法に問題がありました。

画面アイテムの位置を変えずに、枠線を表示するためには、画面アイテムを1px分左方向と上方向にずらしてあげる必要があり、対応しております。。

この修正により、1pxのずれもなく、各画面アイテムを配置できるようになります。

アプリ実行時に画面アイテムの右端・下端が少し切れてしまう

「フォーム・デザイナ上ではちゃんと表示されているのに、実行すると、右端または下端が少し切れてしまう」という現象が度々報告されていました。。。

こんなとき私は、「大きめに横幅と縦幅のサイズをとってください」とお願いしておりました。。。

実はブラウザの問題と思っていたのですが、、調査していく中で、製品の問題であることに気づきました。。。

申し訳ございませんでした。

アプリ実行時の画面ではフォーム・デザイナより、右端および下端が16px分小さくなっておりました。。。

しかし、この問題が解消できても、1点注意していただきたいことがあります。

それはアプリを利用するブラウザによっては、切れてしまう場合があります。
たとえば、IE9でアプリを作り、そのアプリを違うブラウザ(IE8やFirefox等)で見ると、切れてしまう場合があります。この現象は画面アイテム「ラベル」で発生しやすいです。

主な理由は、ブラウザの既定フォントの設定内容です。
フォントが変わることで、「ラベル」に設定した内容が大きく表示される場合があり、下部が切れて表示されることがあります。

この問題については製品としての制御が難しいため、良い解決方法が見つかるまでは「大きめに横幅と縦幅のサイズをとって回避してください」とお願いさせてください。

-開発Blog
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

Adobe Flash Player のサポート終了後も継続して利用するための手順例

はじめに 下記FAQでもご案内している通り、2021/1/11以降、Adobe Flash Player が利用できなくなります。 これにしたがい、Adobe Flash Player を利用した弊社 …

no image

iCEC2011 業務スケルトン

4/26に開催された「intra-mart Certified Evangelist Conference 2011(iCEC2011)」での講演資料を公開します。 業務スケルトン 02_Busine …

no image

intra-mart WebPlatform/AppFramework Ver7.2について その2

こんにちは、開発本部の大西です。 すみません、お待たせしました。 今回から、intra-mart WebPlatform/AppFramework Ver7.2での追加された機能紹介を行います。 まず …

no image

intra-mart Advent Calendar 2013 第25日(最終回):負荷試験を行う際に、考慮すべき設定について

この記事は、intra-mart Advent Calendar 2013 第25日(最終回)の記事です。 今回は、負荷試験をintra-mart Accel Platformで構築したシステムに行う …

no image

IM-Workflow

こんにちは。ご無沙汰してすみません。 4月末に、IM-Workflowをリリースさせて頂きましたが、プレゼン用の資料の公開が遅れていて申し訳ありません。以下のサイトからご覧いただけるようにいたしました …