떨림 테스트 프로그램 만들기 및 실행

여보세요, 독자 여러분.👋 ,
그래서 이 블로그에서 테스트 프로그램을 만드는 데 관한 글을 쓸 것입니다. (기본적으로 만들 수 있으며 인코딩이 필요 없습니다.)💁). 또한 안드로이드 핸드폰에서 이 프로그램을 실행해 보려고 합니다. iOS에 대해서는 Emulator를 사용할 것입니다. (아이폰을 살 수 없습니다.)😔).

테스트 바이브레이션 응용 프로그램 만들기

이 과정을 시작합시다.따라서 두 가지 방법으로 새로운 떨림 항목을 만들 수 있는데, 하나는 터미널을 통해 떨림 명령을 사용하는 것이다.두 번째는 안드로이드 스튜디오를 사용합니다.

flutter create <Project name>
flutter run 

flutter create test_app                                                                                                                                                       
Creating project test_app...
  test_app/ios/Runner.xcworkspace/contents.xcworkspacedata (created)
  test_app/ios/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist (created)
  test_app/ios/Runner.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings (created)
  test_app/ios/Runner/Info.plist (created)
  test_app/ios/Runner/Assets.xcassets/LaunchImage.imageset/[email protected] (created)
  test_app/ios/Runner/Assets.xcassets/LaunchImage.imageset/[email protected] (created)
  test_app/ios/Runner/Assets.xcassets/LaunchImage.imageset/README.md (created)
  test_app/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json (created)
  test_app/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png (created)
  test_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
  test_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
  test_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
  test_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
  test_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
  test_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
  test_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
  test_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json (created)
  test_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
  test_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
  test_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
  test_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
  test_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
  test_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
  test_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
  test_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] (created)
  test_app/ios/Runner/Base.lproj/LaunchScreen.storyboard (created)
  test_app/ios/Runner/Base.lproj/Main.storyboard (created)
  test_app/ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata (created)
  test_app/ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist (created)
  test_app/ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings (created)
  test_app/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme (created)
  test_app/ios/Flutter/Debug.xcconfig (created)
  test_app/ios/Flutter/Release.xcconfig (created)
  test_app/ios/Flutter/AppFrameworkInfo.plist (created)
  test_app/ios/.gitignore (created)
  test_app/test/widget_test.dart (created)
  test_app/test_app.iml (created)
  test_app/.gitignore (created)
  test_app/.metadata (created)
  test_app/android/app/src/profile/AndroidManifest.xml (created)
  test_app/android/app/src/main/res/mipmap-mdpi/ic_launcher.png (created)
  test_app/android/app/src/main/res/mipmap-hdpi/ic_launcher.png (created)
  test_app/android/app/src/main/res/drawable/launch_background.xml (created)
  test_app/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png (created)
  test_app/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png (created)
  test_app/android/app/src/main/res/values/styles.xml (created)
  test_app/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png (created)
  test_app/android/app/src/main/AndroidManifest.xml (created)
  test_app/android/app/src/debug/AndroidManifest.xml (created)
  test_app/android/gradle/wrapper/gradle-wrapper.properties (created)
  test_app/android/gradle.properties (created)
  test_app/android/.gitignore (created)
  test_app/android/settings.gradle (created)
  test_app/android/app/build.gradle (created)
  test_app/android/app/src/main/kotlin/com/example/test_app/MainActivity.kt (created)
  test_app/android/build.gradle (created)
  test_app/android/test_app_android.iml (created)
  test_app/pubspec.yaml (created)
  test_app/README.md (created)
  test_app/ios/Runner/Runner-Bridging-Header.h (created)
  test_app/ios/Runner/AppDelegate.swift (created)
  test_app/ios/Runner.xcodeproj/project.pbxproj (created)
  test_app/lib/main.dart (created)
  test_app/.idea/runConfigurations/main_dart.xml (created)
  test_app/.idea/libraries/Dart_SDK.xml (created)
  test_app/.idea/libraries/KotlinJavaRuntime.xml (created)
  test_app/.idea/modules.xml (created)
  test_app/.idea/workspace.xml (created)
Running "flutter pub get" in test_app...                           14.9s
Wrote 71 files.

All done!
[✓] Flutter: is fully installed. (Channel stable, 1.22.4, on Mac OS X 10.15.7 19H15 darwin-x64, locale en-IN)
[✓] Android toolchain - develop for Android devices: is fully installed. (Android SDK version 30.0.2)
[✓] Xcode - develop for iOS and macOS: is fully installed. (Xcode 12.2)
[✓] Android Studio: is fully installed. (version 4.0)
[!] IntelliJ IDEA Ultimate Edition: is partially installed; more components are available. (version 2020.2.4)
[✓] VS Code: is fully installed. (version 1.49.0)
[✓] Connected device: is fully installed. (1 available)

Run "flutter doctor" for information about installing additional components.

In order to run your application, type:

  $ cd test_app
  $ flutter run

Your application code is in test_app/lib/main.dart.

보시다시피 전체 과정은 이렇게 빨라서 30초도 안 되어 완성되었다😳.
보시다시피 flutter create 명령도 flutter doctor 명령을 실행하여 문제를 검사합니다. 문제가 있으면 알림만 합니다.
flatter create 명령은 디렉토리에 기본 응용 프로그램을 만들고 연결된 장치에서 flatter를 실행하여 응용 프로그램을 설치합니다.
또 다른 방법은 안드로이드 스튜디오를 프로세스의 IDE로 사용하는 것이다.선결 조건으로 Android 스튜디오에 Flatter 플러그인을 설치했습니다.그래서 저희가 먼저 넘어갈게요.😎.
안드로이드 스튜디오를 열면 환영 페이지의 알림을 받을 수 있습니다. 안드로이드 프로젝트나 Flatter 프로젝트를 만드는 옵션이 포함되어 있기 때문에 새로운 Flatter 프로젝트를 만드는 옵션을 선택할 것입니다. (분명하다는 것을 알고 있습니다.)😅).

다음은 새 프로그램, 새 플러그인, 새 패키지를 만드는 등 떨림 옵션을 선택하라는 알림을 받을 것입니다.새 응용 프로그램을 만들 때 새 응용 프로그램 옵션을 선택합니다.(이것도 뻔한 일이다😅)

그런 다음 프로젝트 이름, SDK 경로 및 프로젝트 위치와 같은 Flatter 프로젝트의 구성 옵션을 제공합니다.설정에 따라 이 옵션을 설정합니다.텍스트 필드가 비어 있으면 Install SDK를 선택합니다.

그런 다음 패키지 이름을 설정하고 그대로 둔 상태로 Finish 버튼을 클릭합니다.

'완료' 단추를 누르면 새 프로젝트를 만드는 데 시간이 좀 걸리고, 불러오기가 완료되면 새 프로젝트를 만듭니다.

테스트 애플리케이션 실행

터미널을 사용해서 프로그램을 설치하고 실행하려면 훨씬 빠르다. 장치를 연결하거나 시뮬레이터를 시작해서 프로그램을 사용하기만 하면 된다.

flutter run                                                                                                                                                          
Launching lib/main.dart on iPhone 12 Pro Max in debug mode...

Running Xcode build...
 └─Compiling, linking and signing...                        10.8s
Xcode build done.                                           26.1s
Waiting for iPhone 12 Pro Max to report its views...                 4ms
Syncing files to device iPhone 12 Pro Max...                       425ms

Flutter run key commands.
r Hot reload. 🔥🔥🔥
R Hot restart.
h Repeat this help message.
d Detach (terminate "flutter run" but leave application running).
c Clear the screen
q Quit (terminate the application on the device).
An Observatory debugger and profiler on iPhone 12 Pro Max is available at: http://127.0.0.1:52504/m9UpOKl9zB0=/


Application finished.

장치에서 이 과정을 마치면 프로그램이 디버그 모드에서 설치되고 열립니다.그러나 만약 우리가 여러 장치를 연결했다면, 우리는 이런 옵션을 얻을 수 있을 것이다.

flutter run                                                                                                                                             
Multiple devices found:
sdk gphone x86 (mobile)    • emulator-5554                        • android-x86 • Android 11 (API 30) (emulator)
iPhone 12 Pro Max (mobile) • 8645B626-112E-4171-ABD3-CFA076EAD027 • ios         • com.apple.CoreSimulator.SimRuntime.iOS-14-2 (simulator)
[0]: sdk gphone x86 (emulator-5554)
[1]: iPhone 12 Pro Max (8645B626-112E-4171-ABD3-CFA076EAD027)
Please choose one (To quit, press "q/Q"): 

선택한 장치에 애플리케이션이 설치됩니다.따라서 안드로이드 장치에 설치를 시도해 보겠습니다.

Using hardware rendering with device sdk gphone x86. If you notice graphics artifacts, consider enabling software rendering with "--enable-software-rendering".
Launching lib/main.dart on sdk gphone x86 in debug mode...
Running Gradle task 'assembleDebug'...
Running Gradle task 'assembleDebug'... Done                        32.2s
✓ Built build/app/outputs/flutter-apk/app-debug.apk.
Installing build/app/outputs/flutter-apk/app.apk...                 1.0s
Waiting for sdk gphone x86 to report its views...                    7ms
Syncing files to device sdk gphone x86...                          216ms

Flutter run key commands.
r Hot reload. 🔥🔥🔥
R Hot restart.
h Repeat this help message.
d Detach (terminate "flutter run" but leave application running).
c Clear the screen
q Quit (terminate the application on the device).
An Observatory debugger and profiler on sdk gphone x86 is available at: http://127.0.0.1:53493/qg61OJBnuII=/

이 과정이 끝나면android 장치에 프로그램이 설치됩니다.
이제 안드로이드 스튜디오를 사용해 같은 효과를 내는 방법을 살펴본다.😉

보시다시피, 우리는 위쪽 난간에 몇 가지 옵션이 있기 때문에, 우리는 사용할 수 있는 옵션을 토론할 것이다.먼저 왼쪽부터 편집기에서 페이지의 내비게이션 경로를 열고 장치를 연결합니다.설령 안드로이드 장치에 연결되어 있다 하더라도 연결된 장치에서 장치를 볼 수 없을 수도 있습니다. 장치를 출시하려면 개발자 모드와 USB 디버깅 옵션을 핸드폰에서 활성화시켜야 합니다. 그리고 장치는 연결된 장치에 표시됩니다. (보시다시피 저는 프로그램을 실행하기 위해 안드로이드 장치를 연결했습니다.)
다음에, 우리는 설정 선택기가 있습니다. 이것은 응용 프로그램의 설정 설정입니다. (나는 현재 그것에 대한 정보가 많지 않습니다. 일단 그것을 알게 되면 더 많은 정보를 추가할 것입니다.)😣)
다음 단계는 실행 단추를 누르지만 프로그램이 장치에 설치되고 장치에서 프로그램이 열립니다.
다음은 디버깅 단추입니다. 실행 단추와 같지만, 프로그램은 디버깅 모드에서 열립니다. 이것은 디버깅 프로그램의 오류를 도와줍니다.
다음은 열 재로드 버튼(번개 아이콘 1)이 있습니다.⚡️) 일단 코드 라이브러리에 약간의 변경이 진행되면 그것을 사용하여 변경을 실현할 것이다.
이것들은 모두 중요한 선택이다.나머지는 이 버튼을 사용할 때 토론을 진행할 것입니다.
따라서 아이폰12 Pro Max에서 프로그램을 실행합시다. (분명히 아날로그 아날로그를 사용하면 아이폰을 살 수 없다고 알려져 있습니다.)😣). 따라서 Xcode를 사용하여 시뮬레이터를 시작하고 장치를 아이폰12 Pro Max로 설정하고 (이미 시뮬레이터에서 열었기 때문에) 런 단추를 누르면 나머지는 안드로이드 스튜디오에서 처리됩니다. 장치에 프로그램을 설치하고 디버깅 모드에서 프로그램을 시작합니다. (저에게는 처음 실행하는 데 90초 정도 걸리며 다를 수 있습니다.)(지금까지android는 나에게 적용되지 않았습니다. 일단 일을 시작하면 계속할 것입니다)

이 프로그램은 보기에 이렇다. 이 프로그램이 제공하는 유일한 기능은 사용자가 더하기 기호를 눌렀을 때, 중심 디스플레이의 수를 증가시키는 것이다.
이제 안드로이드 핸드폰에서 프로그램을 어떻게 실행하는지 봅시다.그래서 방금 픽셀2 핸드폰을 다운받았는데 안드로이드 Q OS의 안드로이드 가상 장치 관리자가 들어 있었다.

다음은 가상 장치에서 프로그램을 실행합시다.어플리케이션을 실행하는 대상 장치로 가상 장치를 선택하는 데 상당한 시간이 걸립니다(10분 이상 걸리지만 이유는 알 수 없습니다.)🧐).

고마워요

만약 네가 여기까지 읽었다면, 너는 같은 결과를 얻었을 것이다. 그러면 일은 완성될 것이다. 우리는 우리가 일을 완성한 것을 축하할 것이다.만약 네가 이 블로그를 좋아하거나, 그것이 너에게 도움이 된다면, 나는 이 일을 매우 잘했다고 생각할 것이다.또 상당히 긴 블로그로 읽는 시간이 13분을 넘는다😅 블로그 전체를 읽는 사람이 있을지 모르겠지만, 만약 그가 블로그 전체를 읽기로 결정한다면, 나는 그에게 감사할 것이다.😎
만약 당신이 상술한 과정을 완성할 수 있다면, Flitter 프로그램을 개발할 준비가 되어 있다고 생각하십시오.다음 블로그에서 Flitter 응용 프로그램이 생성하고 필요로 하는 폴더와 파일을 쓸 것입니다.
अलविदा 🙏