シミュレータはIPhoneとは異なります

Question

ボタン、テキストフィールド、画像を設定して、シミュレータIPhone6を完璧に見ています。 それから、私は実際のIPhone 6に載せましたが、いくつかの違いがあります。 画像が中央ではなく、一方のボタンが外側にあります。 GUIビルダーなしで手作業でプログラムします。 ボタン、ラベル、テキストフィールドを設定する最も良い方法は... が正しくハードウェアに配置されるようにすることですか？

ここに私のサンプルコード：

Form dlgpass = new Form(""); 
    dlgpass.setLayout(new BoxLayout(BoxLayout.Y_AXIS)); 

    Image img2; 
    try { 
     img2 = Image.createImage("/xz.jpg"); 
     Container cco2 = BoxLayout.encloseX(); 
     Label llc1 = new Label(" "); 
     Label llc2 = new Label(" "); 

     cco2.getStyle().setMarginBottom(50); 
     cco2.getStyle().setMarginTop(20); 
     cco2.add(llc1).add(img2).add(llc2); 
     dlgpass.add(cco2); 
     Label ll4 = new Label("  "); 
     Label ll5 = new Label(" "); 

     Container cco3 = BoxLayout.encloseX(); 
     Label llc3 = new Label(„test"); 
     cco3.getStyle().setMarginTop(100); 
     cco3.add(ll4).add(llc3).add(ll5); 

     Container cco4 = BoxLayout.encloseX(); 
     TextField pa = new TextField("", "Password", 16, TextField.PASSWORD); 
     Label ll6 = new Label(" "); 
     Label ll7 = new Label("  "); 
     cco4.getStyle().setMarginTop(60); 
     cco4.add(ll6).add(pa).add(ll7); 
     dlgpass.add(cco4); 

     Button logi = new Button("   login   "); 
     logi.addActionListener((e) -> chlogi(pa.getText(),ce)); 

     Label ll1 = new Label("    "); 
     Label ll2 = new Label("  ");  
     Container cco1 = BoxLayout.encloseX(); 
     cco1.getStyle().setMarginTop(60); 
     cco1.add(ll1).add(logi).add(ll2); 
     dlgpass.add(cco1); 

画像は24ビットカラーで629x810ピクセルです。 これはログインするスプラッシュスクリーンです。

写真：

EDIT チェン、これは私が試したものです。それはあなたが意味するものですか？効果的にレイアウトマネージャを使用して、このビデオhttps://www.codenameone.com/how-do-i---positioning-components-using-layout-managers.htmlをチェックアウトレイアウト位置決めポータビリティを理解することが

Form dlgpass = new Form("", new BorderLayout()); 
      Image img2; 
      img2 = Image.createImage("/xx.jpg"); 
      ScaleImageLabel simg = new ScaleImageLabel(img2); 
      dlgpass.add(BorderLayout.CENTER, simg); 
      Container cco = new Container(new BorderLayout()); 
      TextField pa = new TextField("", "Password", 16, TextField.PASSWORD); 
      cco.addComponent(BorderLayout.NORTH,pa); 
      FlowLayout flow = new FlowLayout(Component.CENTER); 
      flow.setValign(Component.BOTTOM); 
      Container cco1 = new Container(flow); 
      Button logi = new Button("  login  "); 
      logi.addActionListener((e) -> chlogi(pa.getText(),ce)); 
      cco1.addComponent(logi); 
      cco.addComponent(BorderLayout.SOUTH,cco1); 
      dlgpass.addComponent(BorderLayout.SOUTH,cco); 

Answer 1

空白、空のラベルは使用しないでください。コンポーネントの設定マージンは、レイアウトを使用してコンポーネントを[From]に配置します。 - BorderLayoutの

• フォーム：ご利用の場合 は、私はおそらくこのような何かをするだろう。

  • ScaleImageLabel - 中心
  • コンテナ（のBorderLayout） - 南
    • テキストフィールド - 北
    • コンテナ（FlowLayoutの中心） - 南
      • ボタン

あなたが空間にしたい/必要な場合は、コンポーネントは、我々は写真やいくつかのコードが必要になります

Answer 2

。

また、画像がさまざまなサイズに適応することを可能にするマルチ画像をチェックしてください。