問題タブ [adaptive-layout]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
4 に答える
21813 参照

ios - フレームは「実行時に異なります」....それがポイントではありませんか?

「警告のない」プロジェクトを目指しても無駄かもしれませんが、私は Adaptive Layout/AutoLayout について十分に神経質になっているため、これらの警告を押しつぶすことを余儀なくされています。

縦画面の幅に基づいて動的にサイズを変更したい uiview があります。ユニバーサル、ポートレートのみ (および逆さま) のビルド情報にアプリを設定しています。次の方法で uiview を制限しました。

  1. ビューの中心をスーパービューの中心 X に合わせました
  2. ビューの幅をスーパービューの幅に比例させました
  3. ビューに 1:1 の縦横比の制約を与えました
  4. ビューにスーパービューの上部への垂直方向の制約がある場合

詳細については、以下のスクリーンショットを参照してください。

そのため、ビューの「実行時にフレームが異なる」、特に実行時のサイズと位置とキャンバス内の内容について警告が表示されます。クラスサイズが任意の高さと任意の幅に設定されているキャンバスをXcodeが「気にする」理由がわかりません。アダプティブ レイアウトの要点は、サイズと位置がデバイスの画面サイズと向きに基づいて実行時に解決されることだと思いました。

故障してXcodeに「フレームを更新」させると...はい、警告は消えますが、非常に大きなビューでは、小さなキャンバスでWYSIWIG方式でグラフィカルに作業することは事実上不可能です。キャンバス内での作業をほとんど不可能にする特大のビューを作成せずに警告を取り除くための解決策はありますか?

キャンバスのスクリーンショット

0 投票する
1 に答える
168 参照

ios - iPhone 4s から iPhone 6+ までのアダプティブ レイアウトによるレイアウト要素の間隔

アダプティブ レイアウトを使用してビュー (iPhone のみ、縦表示のみ) を作成しようとしています。すべてを 1 つの画面に表示する必要があります (スクロールしないのが理想的です)。iPhone 5 - 6+ で (合理的に) 動作させることができました。ただし、私の問題は4sに付属しています。

ここに画像の説明を入力

iPhone 4s では、サイズ クラスを使用できると思っていましたが、縦向きモードのさまざまな iPhone ではそうではないようです (向きを切り替えた場合のみ)。

さらに、5 と 6 では間隔を同じままにしながら、6+ のすべての要素の間にもっと多くのパディングが必要です。

0 投票する
0 に答える
64 参照

xcode - Xcode Adaptive Layout - 特定の画像サイズ

縦向きモードのみで iPhone 用の UI を構築しています。UI には複数の画像が含まれています。画像はデバイスによってサイズが異なります。たとえば、iPhone 5 ではボタンは 250x250 ですが、iPhone 6 では 295x295 です。問題は、iPhone 5 と iPhone 6 の両方がアセットから同じ 2x レンダリング イメージを使用することです。

コードでディスプレイのサイズを検出し、UIImageView ソースを設定する以外に、アダプティブ レイアウト クラスのサイズで画像を設定することは可能ですか?

アダプティブ レイアウトでは、細かい区別ができないようです。

0 投票する
0 に答える
62 参照

ios - ストーリーボードの UIViewController でボタンが無効として表示される

size:iPhone3.5inchシミュレートされたメトリクスでストーリーボードを使用してアプリを開発しました..私のアプリは正常に動作しており、アプリのほぼ10画面を設計した後、ストーリーボードはいくつかの奇妙な動作を示しています(画像付きで以下に説明)..

私のメニューページには9つのボタンがあります

ここに画像の説明を入力

フレーム値を含むストーリーボード シーンの詳細 (ボタン アイコンは無効として表示され、関連するビュー コントローラーは空白で表示されます)。任意のボタンを選択すると、フレームの詳細の下に示すように、9 つのボタンすべてに共通のフレームが表示されます。

ここに画像の説明を入力

この動作は正常ですか、それとも変更を加える必要がありますか..これは私の最初のストーリーボードアプリです.(今まではXIBのみを使用)

どんな助けでも大歓迎です!

0 投票する
1 に答える
605 参照

xaml - マルチエントリ ラッピング Xaml グリッド

UWP アプリでは、画面の利用可能なすべての水平方向のスペースを使用する XAML グリッド スタイル コントロールの動的レイアウトが必要です。たとえば、電話のような小さな画面を使用している場合、リストをこのように画面を下にスクロールするだけです。

小画面レイアウトのイメージ

ただし、より広い画面を使用している場合は、次のスクリーン ショットのようにレイアウトを調整したいと考えています。

ワイドスクリーンレイアウト

これを達成するために使用できる Visual Studio 2015 UWP コントロールに関する提案はありますか?? おそらく VariableSizedWrapGrid と Grid コントロールの組み合わせを考えていますが、それを理解できないようです。任意の提案をいただければ幸いです。

編集:すべてのアイテムが同じサイズになるわけではありません。一部のデバイス名は長くなり、2 行に折り返されます。さまざまなアイテム サイズを処理するコントロールが必要で、画面サイズに基づいて 1 列、2 列、3 列などのレイアウトが必要です。

0 投票する
3 に答える
2788 参照

ios - iOSは、数字が変化したときにタイマーUILabelの「揺れ」を防ぎます

UILabelタイマーの出力を(分、秒、センチ秒)の形式で表示するがありますが、MM:ss:SSセンチ秒の幅が変化すると左から右に「揺れます」-たとえば、「11」は「33」よりも狭いです。

これを軽減する方法はありますか?幅を固定して中央に配置しようとしましたが、役に立たなかったようです。

0 投票する
1 に答える
55 参照

ios - IB で長い静的テーブル ビューを下にスクロールすると、セル内の非表示で選択できないオブジェクト

実際、私は XCode 7 を使用しており、IB で静的テーブル ビューをレイアウトしようとしています。「サイズ クラス」にチェックを入れて (アダプティブ レイアウト)、テーブル ビューがデフォルトの 600x600 ポイントの正方形のシーンよりも高くなっています。シーンの上位 600 ポイント (高さ) のセルをうまく処理できます。シーンの高さを下にスクロールすると、シーンで表のセルをクリックしても選択できません (ただし、アウトラインではできます)。オブジェクト (ラベルなど) をこれらのセルの 1 つにドラッグすると、セルの外側のビューに入り、アウトライン内のそのセルにオブジェクトをドラッグしてセル内に配置すると、オブジェクトが表示されません。シーンはドラッグしても移動しません (セルのコンテンツ ビューの背後にあるようです)。誰か助けてくれませんか?それは非常に奇妙な動作です.私は夢中になっています!

0 投票する
3 に答える
161 参照

ios - Xcode7 のオートレイアウト

Autolayoutと、それが私以外のすべての人にとってどのように驚異的に機能しているかを理解するのに苦労しています。問題は、それらが iPad などの 1 つの解像度で機能するようになったときの制約が、iPhone4s などの別の解像度に準拠できず、その結果、競合する制約につながるか、または私が望むようにまったく機能しないことです (たとえば、ボタンは iPad ではテキスト フィールドの近くに表示されますが、iPhone ではそれほど近くには表示されません)。Raywenderlichの Adaptive Layout チュートリアルと、Steven Lipton の Autolayout (Practical AutoLayout) に関する本を読みました。そしてまだ多くの問題に直面しています。私を助けてください。コーディングを完全にやめて僧侶か何かになりたいと思うほどやる気がなくなります... x(

編集

それで、あなたをさらに助けるために、いくつかのスナップショットの助けを借りて、私にとって何がうまくいかないのかを説明します. 私の最初のアイデアは、特定のボタンを押すと CoreAnimation を介して遷移するテキスト フィールドをそれぞれ含む 4 つのビューを表示することでした。ViewController のビューには、背景の画像、戻るボタン、4 つのビュー、進行状況バー、および各ビューを表示するためのボタンがあります。問題は次のとおりです。シミュレーターでは全体のビューが適切に見えますが、xcode のターミナルで競合が見られます。

すべての要素を含む画像:

すべての要素を含む画像

競合のある画像:

競合のある画像

しかし、どういうわけか競合を解決すると、すべてのデバイスで必要に応じて自動レイアウトが機能しなくなります。例えば

競合はありませんが、iPhone4s のテキストフィールドのタップで次のボタンが隠れています:

競合はありませんが、iPhone4s のテキストフィールドのタップで次のボタンが隠れています

iPad の場合と同様に競合がなく、[次へ] ボタンに非常にアクセスしやすくなっています。

競合はなく、[次へ] ボタンは非常にアクセスしやすい

これをすべてのデバイスで同じように一貫して動作させるにはどうすればよいですか。助けてくださいありがとう。