Flutter: 사용자 지정 빠른 타일 만들기(Android만 해당).

타일



ATile 는 빠른 설정에 표시될 타일의 상태를 포함합니다. 빠른 설정의 타일은 레이블이 동반된 아이콘으로 존재합니다. 또한 접근성 유용성에 대한 내용 설명이 있을 수 있습니다. 타일의 스타일과 레이아웃은 지정된 장치에 맞게 변경될 수 있습니다.

빠른 설정 타일이 필요한 이유는 무엇입니까?


  • Wi-Fi, 블루투스, 비행기 모드 등과 같은 기존 타일 외에 빠른 설정 메뉴에 사용자 정의 타일을 추가하려면
  • 사용자 정의 타일은 사용자가 앱의 특정 설정을 변경하기 위해 앱을 열지 않도록 도와줍니다. 사용자는 타일을 누르기만 하면 지정된 대로 작동합니다.



  • Flutter에서 시도해 봅시다.


  • 새 Flutter 프로젝트를 만듭니다.
  • 이제 "AndroidManifest.xml"을 열고 "Android Studio에서 편집용으로 열기"를 클릭한 다음 gradle이 완료될 때까지 기다리십시오.




  • "AndroidManifest.xml"파일에 Accessing Tile Service의 다음 줄을 추가합니다.

  • <service
               android:name=".MyTileService"
               android:icon="@drawable/flutter"
               android:label="Flutter App Tile"
               android:permission="android.permission.BIND_QUICK_SETTINGS_TILE"
               android:exported="true">
    
               <intent-filter>
                   <action android:name="android.service.quicksettings.action.QS_TILE"/>
               </intent-filter>
           </service>
    
    

    @drawble 및 check out instruction here에 아이콘을 추가합니다.
  • 이제 앱 패키지 및 다음 콘텐츠에서 TileService라는 새 Kotlin 파일을 만듭니다.





  • TileService에는 다음과 같은 메서드가 있습니다.



    OnTileAdded: 사용자가 빠른 설정에서 타일을 추가한 경우



    OnTileRemoved: 사용자가 빠른 설정에서 타일을 제거한 경우



    OnTileClick: 사용자가 타일을 클릭할 때



    OnStartListening: 타일이 표시될 때(이미 타일을 추가하고 빠른 설정을 열 때 발생)



    OnStopListening: 타일이 더 이상 보이지 않을 때(빠른 설정을 닫을 때)



    OnTileClick() 함수에서 작업할 예정입니다.




    • OnClick 핸들러: 예를 들어 클릭 타일에서 캘린더 앱을 실행하여 작동 여부를 확인합니다.



      <script id="gist-ltag"src="https://gist.github.com/Djsmk123/e9f70aaa1e7d7100c477f966a39b79f9.js"/>

    • 이제 앱을 실행하고 출력을 살펴보겠습니다.





    • 이제 타일을 눌러 앱을 실행하고 네이티브(Kotlin) 코드에서 Flutter로 메시지를 보냅니다.


    Read here more for Launching Flutter Activity



    • Flutter 활동을 시작하려면 AndroidManifest.xml 파일에서 flutter 활동을 지정해야 합니다.



    <script id="gist-ltag"src="https://gist.github.com/Djsmk123/cac0dab60f462c3e4f9302ab0d34322d.js"/>


    • Flutter 활동을 시작하고 Flutter 코드에서 인수를 보낼 수 있습니다.



    <script id="gist-ltag"src="https://gist.github.com/Djsmk123/1bd9332f12c9d906291e4861d11a75f8.js"/>



    • Flutter 코드에서 클릭 시 빠른 타일 듣기:



    <script id="gist-ltag"src="https://gist.github.com/Djsmk123/356af6763f3aef756c676f70636c2b3d.js"/>


    사용자가 앱을 수동으로 실행하면 빈 인수 목록이 수신되고 사용자가 빠른 타일에서 앱을 열면 문자열 목록이 수신됩니다.



    출력물 보기







    Follow me:



    좋은 웹페이지 즐겨찾기