スマホ関連の海外ニュースです。
IOS 用 Windows ブリッジは、iOS 開発者は、既存のアプリケーションを Windows プラットフォームにもたらすための素晴らしい方法です。IOS のブリッジでは、またより大きい視聴者のメリットを得ている間、既存のコードを再利用できます。この記事では、我々 は Windows アプリにポリのファッションショー-洞ユン公園、マイクロソフトでシニア ユーザー エクスペリエンス デザイナーによって書かれた iOS アプリ-回転に問題解決のアプローチを取るするつもり。 私たちの以前の記事で、iOS ブリッジを使用して Windows に彼のアプリでポリのファッションショーを持って公園のプロセスを経てください。サポートされていないフレームワークおよび自動レイアウト制約の問題を解決したら、アプリを美しく Windows デスクトップおよびタブレット デバイスで実行されていた。 今日、我々 の電話サポートのための彼のアプリを最適化し、Windows ストアに提出するパークの旅に従います。 私達が去ったとき、公園正常に Windows デスクトップおよびタブレットで彼のポリ ファッションショーを実行することができた。タッチ、マウス、キーボード操作はよく働いていた。次に、彼はどのようにそれが iOS チームのため Windows ブリッジは ARM コンパイラ サポートを釈放した Windows Phone デバイスになりますを見たかった。 彼は Visual Studio でダウン ドロップから電話デバイスを選択することによって電話エミュレーターでアプリを最初に実行することを選んだ。 最初の実行、彼は任意のコードを変更することがなく携帯電話のアプリを参照してください興奮していた。アプリがうまく働いていた同様にタブレットとデスクトップにあったそれが、UI 要素の一部が切り取られた公園電話のレイアウトを最適化することを決めたので。 iOS は、’ サイズ クラス ‘ を通じて画面のサイズが異なるためレイアウトの最適化をサポートしていますポリのファッションショーには、制約に基づく自動レイアウトが使用されるため、彼はキャンバスのサイズのディメンション情報を使用して電話固有のレイアウトを追加することを決めた。 Windows の設計指針は、適応性と応答性の高いデザインのブレーク ・ ポイントを提供します。アプリのコンテンツのレイアウトのためのしきい値を設定するためのガイドラインとしてこれを使用できます。 IOS では画面の現在のディメンションを決定するコードを使用するポリ ファッションショー: このコードは、メモも、Windows では、よく、携帯電話の画面のレイアウトと UI を最適化するために使用することができます。IOS ブリッジはまた、hostWindowSize、アプリの現在のウィンドウのサイズを取得し、スケール ファクターを hostScreenScale などのさまざまなプロパティを提供します。 今公園は実際の電話に彼のアプリをしようとする準備ができていた。 注: コンパイル済みの SDK を使用する場合は直接実行できますアプリ携帯電話 ‘腕’ と ‘デバイス’ にターゲット プラットフォームを変更することによって。完全 git リポジトリを使用して SDK を自分でコンパイルしている、あまりにも、腕の SDK (WinObjCbuildbuild.sln) をコンパイルする必要。この手順に従うことができます-唯一の違いは、’Win32′ ではなく ‘腕’ を選択する必要が。 一つ公園に気づいたときは実際の電話でアプリを実行して、画面に表示されるアプリを覆われている画面の下部に Windows タスク バーがキャンバスします。公園は、Github 上でこの問題をオープンしました。この問題を回避するには、彼は電話のキャンバス ページの下部に UIButton 要素を移動しました。 IOS では、アプリをチェックして様々 な異なる画面サイズを扱う必要があります。Visual Studio では、携帯電話のエミュレーター、QHD、1080 p、720 p、WVGA、WXGA などを行うために、異なる画面解像度での様々 なタイプを提供します。これらの Visual Studio のエミュレーターは、さまざまな携帯電話の画面解像度は素晴らしい見てポリ ファッションショーをように使用される公園。 Windows ストアのイメージ資産の準備は、iOS に非常に似ています。ただし、広範囲のデバイスのキャンバス サイズと種類アイコン タイルのため詳細のタイプおよびサイズのアイコン ロゴ資産を作成があります。 幸いなことに公園およびあなたは、Windows デベロッパー センターには資産の作成プロセスははるかに簡単、Adobe Photoshop のタイルとアイコン ジェネレーター最近リリースしました。このツールは自動的に適切なファイル命名スキームと異なる Dpi のさまざまなサイズが生成されます。詳細アイコン タイル資産ガイドライン タイル アイコン資産] ページにこのガイドラインを参照してください。 資産の生成が完了すると、公園にはソリューション エクスプ ローラーで ‘Package.appxmanifest’ ファイルでこれらの資産が割り当てられます。 別の種類のデバイスでは、スプラッシュ スクリーンを含む、タイルのすべてのサイズを正しく、表示された参照してくださいに公園ができた。 今公園だったポリ ファッションショーを Windows ストアに提出する準備ができています。以来架橋 iOS アプリは本当に普遍的な Windows プラットフォーム (UWP) アプリケーション、異なる手順またはストアのサブミッションに必要な追加の調整がないです。 注: 詳細ストア投稿要領デベロッパー センターに公開 Windows アプリのページを参照してください。 彼のアプリをアプリ名を作成し、価格、表示、デバイス ファミリなどの詳細な情報と共に送信する最初必要なポリを提出するには、日付、およびカテゴリを公開します。 あなたの iOS に提出した場合 iTunes 経由でアプリに接続する前に、アプリのプロパティ、評価、および説明の情報を設定するこのプロセスでよく使われます。 ストアのサブミッションのための彼のアプリ パッケージを作成するには、は、公園は、プロジェクト名と選択した…”Store”メニューの下でアプリ パッケージの作成を右クリックして。 「パッケージの作成」ウィンドウでは、公園を選択「はい」彼は Windows ストア パッケージを作成したので。 Microsoft アカウントのログイン画面の後は、公園は、このサブミッションで適切なアプリケーション名を選択しました。 電話とデスクトップの両方で実行されるためポリのファッションショー、公園は x86 と ARM の両方をチェックしました。 パッケージの作成が完了した、公園を検証および Windows アプリ認定キットを Windows ストアに提出されたすべてのアプリケーションに必要なローカル テスト開始今でした。 注: このページで詳細情報を参照してください。 彼は、”Local machine”の既定のオプションを選択し、右下隅の「起動 Windows アプリ認定キット」ボタンをクリックします。 後、Windows アプリ認定キットには、さまざまなテストと検証が実行されます。ポリ ファッションショーを渡したら、公園はデベロッパー センターにパッケージをアップロードする準備ができていた。 提出ページの下で [パッケージ] セクションでパーク ドラッグ アンド ドロップを使用して彼のパッケージをアップロードすることができた-パッケージを参照また、オプションです。 今最後のステップでは、公園: スクリーン ショットと説明をアップロードします。 説明とスクリーン ショットのアップロード、公園彼のアプリは正常に送信、彼は次に何が起こるかを理解する使用できるこの証明進行状況] ページに持って来られました。 3 日以内には、公園は、認定に合格したポリのファッションショーという通知を受け取りました。 その後まもなく、彼のアプリは、Windows ストアに登場しました。 Windows Dev センター ダッシュ ボードで公園アプリ買収、クラッシュ、および顧客の人口統計の概要を表示することができた。彼はまた彼のアプリの傾向と状態の速い一見を得るため彼の携帯電話とデスクトップ開発センター UWP アプリを使って楽しんだ。 以来、彼は発見し、最初の提出後、いくつかのバグを固定、彼はアプリを更新したかった。これを行うには、彼は単に提出項目の右側にある [更新] ボタンをクリックします。これは、アプリケーションのプロパティを更新または新しいパッケージをアップロードする新しい提出書類を作成しました。 以来、公園は、その他の情報を変更するのには持っていなかった、彼はパッケージをクリックし、彼の新しく作成したパッケージをアップロードします。IOS とは異なり Visual Studio バージョン番号を生成する彼のためにバージョン番号の管理を心配する公園がなかった。 注: デベロッパー センター提出番号だけの応募数を示します。 この記事では、iOS アプリを ARM コンパイラとの電話デバイスで実行方法を歩いた。あなたが見た、画面寸法情報を使用して自動レイアウト制約を持つ携帯電話デバイスのレイアウトを最適化できます。これは、まさに他の普遍的な Windows プラットフォーム (UWP) アプリと同じ Windows ストアのサブミッション プロセスも見てきた。
続きを読む…
Bringing Pori Fashion Show to Windows Using Windows Bridge for iOS
The Windows Bridge for iOS is a great way for iOS developers to bring their existing apps to the Windows platform. The iOS bridge lets you reuse your existing code while also gaining the benefits of a larger audience. In this post, we’re going to take a problem-solving approach to turning Pori Fashion Show – an iOS app written by Dong Yoon Park, Senior User Experience Designer at Microsoft – into a Windows app. In our previous post, we went through Park’s process to bring his Pori Fashion Show app to Windows using the iOS bridge.
Read more…
