Git Product home page Git Product logo

androidjetpackcomposesample's Introduction

Jetpack Compose を使用したサンプルアプリ

環境

Android Studio Hedgehog | 2023.1.1 Patch 2
Build #AI-231.9392.1.2311.11330709, built on January 19, 2024
Runtime version: 17.0.7+0-17.0.7b1000.6-10550314 aarch64
VM: OpenJDK 64-Bit Server VM by JetBrains s.r.o.
macOS 13.6.3
GC: G1 Young Generation, G1 Old Generation
Memory: 2048M
Cores: 8
Metal Rendering is ON
Registry:
external.system.auto.import.disabled=true
debugger.new.tool.window.layout=true
ide.text.editor.with.preview.show.floating.toolbar=false
ide.experimental.ui=true

機能

  • マップをクリックするとマーカーをさせる(Map 画面)
  • マーカーを指した場所を一覧として見れる(List 画面)
  • AppBarのボタン(右上アイコン)クリックで画面切り替え
    • 警告マークは押下すると強制クラッシュ
  • データの永続化は未実装

画面

マップ画面

リスト画面

ディレクトリ構成

./
├── ui/
│  ├── ListScreen.kt ---> List画面を構築するComposable関数
│  ├── MapScreen.kt ----> Map画面を構築するComposable関数
│  ├── MapUiState.kt ---> Map/List画面で使用する状態を表すデータクラス
│  └── MapViewModel.kt -> 画面からのイベントをもとに状態を変化させるクラス
├── MainActivity.kt ----> 大元の画面(ここからMainScreenを呼び出している)
└── MainScreen.kt ------> 画面の共通部分とルーティングを行うComposable関数

GoogleMap API設定

ルートディレクトリにsecrets.propertiesというファイルを作成し以下のようにAPIのKEYを設定する ("XXXXXXXX"のところにセットする)

MAPS_API_KEY=XXXXXXXX

Firebase Analytics設定

  • このリンクに従ってFirebaseの設定をする
    • Firebaseプロジェクトを作成
    • プロジェクトにアプリを追加
      • androidパッケージ名:net.kanorix.androidjetpackcomposesample
      • 上記以外は省略可
    • jsonファイルをDLし、ルートディレクトリに配置
    • (必要な構成ファイルの設定等は完了済みなのでスキップ)

勉強リンク

Google Map 実装参考

androidjetpackcomposesample's People

Contributors

kanorix avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.