Appleの「最新情報」を見たい方は次回『Apple教』と検索ください。 Google検索

☆LATA’sアプリレビュー☆ Widgyでウィジェットを自作しよう

当サイトでは、AmazonアフィリエイトやGoogle Adsense広告により広告収益を得て運営しています。 広告の観覧やAmazonなどの広告先購入により売り上げの一部がAppleKyo.Comに還元されることがあります。
  • URLをコピーしました!

この記事は約 2 分で読めます。


スポンサードリンク
目次

自分でオリジナルのウィジェットを作ろう

皆さんiOS14から使用可能になった「ウィジェット」を活用していますか?
ほとんどの方がアプリ側で用意されたウィジェットを使っているかと思います。
しかし、思い通りのウィジェットで無かったり、サイズがデカ過ぎるなんてことが少しはあると思います。
そこでLATAが現在使用しているウィジェットを紹介したいと思います。

ウィジェットを自作できるアプリとは

次のアプリがウィジェットを自分で作成できるアプリです。

[applink id=”1524540481″ title=”Widgy”]

このアプリは対応言語が英語ですがウィジェットで使える機能をたくさん用意しているので個人的にとても気に入っています。

現在のLATAのホーム画面スクリーンショット

これらのウィジェットはページ下部にインポートできるようにしてあります。

紹介したアプリで作成したウィジェット

ウィジェットの作り方

ここからはオリジナルのウィジェットの作り方を簡単に紹介します。
なお、デスクトップ表示だと左側に写真、右側にその説明が表示されますので、スマホでご覧の方は画面を横にして頂くかMac又はiPadに切り替えてご覧いただくと見やすくなります。
又、画像はタップすると大きく表示されるためこちらも合わせてご確認ください。

まずアプリをダウンロードして開きます。
そして画面左上にある「Create A New Widgy」ボタンを押してウィジェット作りを始めます。

「Create A New Widgy」ボタンを押すとこのような画面が表示されます。この画面では実際にどのサイズのウィジェットを作るか選択する画面になります。
大きいウィジェットだと情報はたくさん表示できますがその分使用される範囲が大きくなり、美しいホーム画面を作るとなると少し大変になるサイズです。
個人的にはSmallサイズかMediumサイズが範囲と情報、ホーム画面デザインの組み合わせでいいと思います。

作成したいサイズを選択するとこのような画面が表示され、本格的にウィジェットを作れるようになります。
ここから1つずつレイヤーを追加していくのでその際はここから次の手順をよく確認してください。
レイヤーを追加するには「+ Add New Layer」を押します。

「+ Add New Layer」ボタンを押すとこのような画面が表示され、レイヤーを追加できるようになります。
追加したいレイヤーを選択してレイヤーを追加してください。
レイヤーの意味は以下の通りです。

  • Text (テキスト)
    文字や指定した情報を取得、表示してくれるレイヤー
  • Symbol (象徴)
    あらかじめ用意されたイメージがあり、それらを追加する事で何の情報かわかりやすくするレイヤー
  • Solid (固体の)
  • Gradient (傾斜)
    この二つの意味はわかりませんがいわゆる背景として私は使用しています。
  • Image (画像)
    写真をウィジェット内に表示でき、Symbol同様に何の情報かわかりやすくするためのレイヤー
  • Bar Chart (棒グラフ)
  • Circle Chart (円グラフ)
    この二つは取得した情報をわかりやすく表示するために棒グラフや円グラフで表示するためのレイヤー
  • Tap Action (タップアクション)
    このレイヤーを追加する事で選択した範囲を押す事で指定したアプリやリンクなどに飛ぶことができるレイヤー
    ただし、Widgyアプリを経由する為ワンテンポ遅れて実行される。
  • Calender (カレンダー)
    このレイヤーを追加することでウィジェットを実際にカレンダーのように使用できるレイヤー

試しに「Text」ボタンを押すとこのような画面が表示されます。
又、以下の画像のようにフォント、カラー、エフェクト、情報の設定などが行えます。
ここまで来たら少し細かい設定をしてまた見やすくするためにレイヤーを追加します。

しばらくレイヤーの追加と格闘して……

ここまで完成しました。
ここまで来たら実際にホーム画面に置いてみましょう。
しかしアプリのウィジェットを追加しても表示されない…
そうです、表示するにはウィジェットを割り当てなければいけないのです。

一番最初の画面に戻り、作成したサイズのを選択してウィジェット割り当てます。

ウィジェットのインポートの仕方

このアプリでは他の人が作成したウィジェットも取得して使用することが可能です。

まずアプリをダウンロードして開きます。
そして画面右上にある「Import Widgy」ボタンを押してウィジェットをインポートします。
ボタンを押すとカメラが起動しますが別端末がある場合はそれで読み込みできます。
JSONやファイル、アルバムからもインポートできますので適合するインポート方法を選択します。

そうするとウィジェットのプレビュー画面が表示され、EDITを押してから前の画面に戻ります。
そして先ほど説明したウィジェットを割り当てをして下さい。

LATAが作成したウィジェット


スポンサードリンク

あとがき

ここまでご覧くださった皆さんありがとうございます。
そしてウィジェット作り頑張ってください!
ここにあるウィジェット以上の出来栄えのウィジェットを期待しています。
(この前まで使用していた自作ウィジェットも置いておきます…)

この記事が気に入ったら
いいね または フォローしてね!

よかったらシェアお願いします
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

至って普通の現役高校生です。
Appleが気になり出したのは2007年から。
本格的にAppleが好きになったのは2017年からです。
Appleは私にとって幸せを分け与えてくれる会社だと思っています。

〜今持っているApple製品〜
iPhone6s
iPhone12 Pro
12.9インチiPadPro (第五世代)
Apple Pencil (第二世代)
AppleWatch Series 5 (WiFiモデル)
AppleWatch Series 6(WiFiモデル)
AirPods 第二世代
AirPods Pro
HomePod (ホワイト)
HomePod (スペースブラック)

コメント

コメント一覧 (1件)

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次