【Android Studio&Kotlin】デザインを設定する時にコードと見た目を確認しながら実装する方法

こんにちは。YOSHITAKA(@YOSHITA19704216)です。

初心者
デザイン・レイアウトを確認するにはどこを見たら良いのですか?

よしたか
学んだことをアウトプットしていきます。

 

この記事を読むことで
  • デザイン・レイアウトを作成するときに操作するタブがわかります。

デザインを設定する時にコードと見た目を確認しながら実装する方法

対象者

大前提
  • Android Studio初学者の方がメインになります。

画面レイアウトを表示するタブ

Android Studioを操作する上で画面の右上の部分にある画面の右の方にある「Code・Split・Design」の3つのタブを利用しましょう。

 

拡大するとこの部分になります。

 

ファイルパスはここ
  • app/src/main/res/layout/activity_main.xml

Code・Split・Designの違い

自分が初めて利用した時に一番利用したのはSplitでした。

直感的に触って行きたい人は「Design」から触っていくことをおすすめします

3つの違い
  • Code→ソースコードのみ
  • Split→ソースコードとデザインを確認
  • Design→直感的に部品を設置する。

まとめ

今回はデザインを設定する時にコードと見た目を確認しながら実装する方法についてお伝えしました。

 

※プログラミングは習得中ですので、参考程度に記事を読んでください。

 

あなたは「Web集客」に限界を感じていませんか?

サイトをただ作るだけで満足ですか?

あなたのサービスやコンテンツはとっても有益なものがたくさんあります。

良いコンテンツも埋もれてしまっては全く意味がありません。

正しい知識と実践で、SEO対策はもちろん、ユーザビリティーを考えたサイトを作りませんか?

私と歩めばWebマーケティング知識とWordPressスキルが定着し、サイト回遊率、再訪問がアップします。

しかも、これだけでは終わりません!!

その先の「攻めのメディア」と組み合わせ、あなたのサービスを広めて売上を伸ばしていきます。

サイトを育てて、長い間愛されることのできるWordPressサイトからの集客導線(ゴールデンルート)を一緒に作りませんか?

↓ ↓ ↓ ↓ ↓ ↓ 

おすすめの記事