【iOS】アスペクト比固定でLayoutを作成する。

-
iOSにて、

複数画面サイズによる、調整ってあるかと思います。

よく聞くのがアスペクト比固定で、画面サイズを調整してほしい。

（iPhone　4S系、5系、6～7系　ピクセル数、画面比率がそれぞれ違う・・・。）

しかも特定部分が！　とか。

ネイティブアプリを作成した経験がある方ならピンとくるかと思いますが、

え？　ってなります。

通常のXcodeのレイアウトファイルでもある程度は、

比率固定などできるかもしれませんが、

しかも、複数階層をまたいでのレイアウトとなると、

血反吐を吐きそうな、Autolayoutの設定が必要となってくるかと思います。

そこで、ふいに思いついた、

超簡単で強引でシンプルな調整方法を記載します。
※もちろん自己責任でお願いします。

手順
・拡縮したい場所のAutoLayoutを切る。（XIBで単独）
・一画面分のきっちり正しいサイズでLayoutを構築（絶対座標で）
・アスペクト比固定で拡縮したい物をViewの子とします。
・プログラム側で、4S系、5系、6～7系、Plus系の判定を導入（画面の高さで判定でもよい。UIScreen かな）
   （高さから比率を求めるのも有りです。）
・比率固定で拡縮したいものを、CGAffineTransformMakeScale などを利用して拡縮

下記イメージ

<View>
<HeaderView />
<View>← ここをTransformなどで調整する。
<Label />
<Label />
<Label />
<Label />
<UIView>
<Label />
<Image />
</UIView>
<TableView>
<Cell>
<Cell>
<Cell>
</TableView>
<Label />
<Label />
</UIView>
<FooterView />

</View >

コメント

コメントを投稿

このブログの人気の投稿

【iOS】Swiftでtransformから角度、ラジアン、ディグリー、スケールを求める

-
メモ Swift 4 でtransformから角度、ラジアン、ディグリー、スケールを求める 忘れがちなので・・・。 let transform = view.transform let radians = atan2(transform.b, transform.a) let degrees = radians * 180 / .pi let scale = sqrt(abs(transform.a * transform.d - transform.b * transform.c)) import CoreGraphics extension CGAffineTransform { var angle: CGFloat { return atan2(b, a) } var radians: CGFloat { return angle } var degrees: CGFloat { return angle * 180.0 / CGFloat.pi } var scale: CGPoint { return CGPoint(x: sqrt(a * a + c * c), y: sqrt(b * b + d * d)) } } // 例として、適当な CGAffineTransform を作成 let transform = CGAffineTransform(rotationAngle: CGFloat.pi/4).scaledBy(x: 2.0, y: 1.5) let angleInRadians = transform.radians let angleInDegrees = transform.degrees let scale = transform.scale print("Angle in radians: \(angleInRadians)") print("Angle in degrees: \(angleInDegrees)") print("Scale: \(sca...
続きを読む

【android】 Webviewのコントローラー(ピンチイン・ピンチアウトのボタン)を消す

-
androidでWebView画面を作成する時に、 ピンチインとピンチアウトを有効にした場合、 拡縮コントローラーのボタンを非表示にしたい時のメモ。 (ズームイン、アウトするボタンの事です。) あれが表示されると、結構うざい時がありますよね？ // WebViewのインスタンスを取得 WebView webview = findViewById(R.id.webview); // WebSettingsを取得 WebSettings settings = webview.getSettings(); // ピンチイン・ピンチアウトを有効にする settings.setSupportZoom(true); // 内蔵ズームコントロールを有効にする settings.setBuiltInZoomControls(true); // ズームコントロールのボタンを非表示にする settings.setDisplayZoomControls(false); // ←これが大事 この設定はAndroid APIレベル11以上でサポートされています。 ちょっと検索かけると、 消す方法がリフレクションして消すような古い記事しかなかったので探すのに苦労しました。
続きを読む

【android】PdfDocumentとPdfRenderer を利用しPDFの作成と表示 (java)

-
今更になってしまいますが、 android API レベル 19 からPDFの操作が可能になっていたようです。 インポートするのは 「android.graphics.pdf」になります。 この中にある、PdfDocument やPdfRenderer などのクラスを利用すれば、 生成や表示関連ができそうです。 iOSは大分前からあったので、よかったのですが、 今までandroidは別途ライブラリを利用して、表示したり、生成していました。 APIレベルが19以上なので、OS 4.4 以上となりますが、 2016年頃には4.4または、5.X以上が主流となっているはずなので、 覚えていた方が良いかと思います。 動作を確かめたわけではないですが、 妄想で作成するコード書いてみた。 PdfDocument document = new PdfDocument(); PageInfo pageInfo = new PageInfo.Builder(100, 100, 1).create(); Page page = document.startPage(pageInfo); Canvas c = page.getCanvas(); // 好きな内容を書く c.drawText("aaa", 0, 3, 0, 0, new Paint()); document.finishPage(page); File file = new File("保存先"); OutputStream out = null; try { out = new BufferedOutputStream(new FileOutputStream(file)); document.writeTo(out); document.close(); } catch (IOException e) { e.printStackTrace(); } こんな感じでいけるかな？ 2024/06/10　追記 もう少し見やすいように書いてみた public class PdfCreator { publi...
続きを読む