├── .gitignore ├── LICENSE ├── README.md ├── Tutorial1-1Basics ├── .gitignore ├── build.gradle.kts ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── smarttoolfactory │ │ └── tutorial1_1basics │ │ └── ExampleInstrumentedTest.kt │ └── main │ ├── AndroidManifest.xml │ ├── java │ └── com │ │ └── smarttoolfactory │ │ └── tutorial1_1basics │ │ ├── Home.kt │ │ ├── HomeViewModel.kt │ │ ├── MainActivity.kt │ │ ├── MainScreen.kt │ │ ├── Search.kt │ │ ├── SearchState.kt │ │ ├── TutorialNavGraph.kt │ │ ├── Utils.kt │ │ ├── chapter1_basics │ │ ├── Tutorial1_1ColumnRowBoxScreen.kt │ │ └── Tutorial1_2ClickSurfacesAndClicks.kt │ │ ├── chapter2_material_widgets │ │ ├── ConstraintLayoutSample.kt │ │ ├── LazyColumnItemSwapAnimation.kt │ │ ├── MotionLayoutDSLSample.kt │ │ ├── MotionLayoutJSonSample.kt │ │ ├── Tutorial2_10_1BottomSheet.kt │ │ ├── Tutorial2_10_2ModalBottomSheetLayout.kt │ │ ├── Tutorial2_10_3BottomDrawer.kt │ │ ├── Tutorial2_10_4BottomDrawer2.kt │ │ ├── Tutorial2_10_5BackdropScaffold.kt │ │ ├── Tutorial2_11SnackProgressSelection.kt │ │ ├── Tutorial2_12AlertDialog.kt │ │ ├── Tutorial2_13SwipeToDismiss.kt │ │ ├── Tutorial2_14LazyColumnWithCheckBox.kt │ │ ├── Tutorial2_15ChipAndTextLayout.kt │ │ ├── Tutorial2_16_1HorizontalPager1.kt │ │ ├── Tutorial2_16_2HorizontalPager2.kt │ │ ├── Tutorial2_17_1PullToRefresh1.kt │ │ ├── Tutorial2_17_2CustomPullToRefresh2.kt │ │ ├── Tutorial2_1Text.kt │ │ ├── Tutorial2_2Button.kt │ │ ├── Tutorial2_3TextField.kt │ │ ├── Tutorial2_4Image.kt │ │ ├── Tutorial2_5_1LazyColumn1.kt │ │ ├── Tutorial2_5_2LazyColumn2.kt │ │ ├── Tutorial2_5_3LazyRow.kt │ │ ├── Tutorial2_5_4StickyHeader.kt │ │ ├── Tutorial2_5_5LazyVerticalGrid.kt │ │ ├── Tutorial2_5_6LazyVerticalGrid2.kt │ │ ├── Tutorial2_5_7ListItem.kt │ │ ├── Tutorial2_5_8LazyListLayoutInfo.kt │ │ ├── Tutorial2_6_1TopAppBar.kt │ │ ├── Tutorial2_6_2Tab.kt │ │ ├── Tutorial2_7BottomNavigation.kt │ │ ├── Tutorial2_8BottomAppbar.kt │ │ ├── Tutorial2_9_1SideNavigationScaffold.kt │ │ ├── Tutorial2_9_2ModalDrawer.kt │ │ ├── Tutorial2_9_3ModalDrawerScaffold.kt │ │ └── Tutorial2_9_4ModalDrawerScaffold.kt │ │ ├── chapter3_layout │ │ ├── Bubble.kt │ │ ├── CustomPaddingSamples.kt │ │ ├── Tutorial3_10CenteringItem.kt │ │ ├── Tutorial3_11Popup1.kt │ │ ├── Tutorial3_11Popup2.kt │ │ ├── Tutorial3_11ToolTip1.kt │ │ ├── Tutorial3_11Tooltip2.kt │ │ ├── Tutorial3_11TooltipBox1.kt │ │ ├── Tutorial3_12LazyListLayoutComposeOffscreen.kt │ │ ├── Tutorial3_1_1CustomModifier.kt │ │ ├── Tutorial3_1_2OnGloballyPositionedModifier.kt │ │ ├── Tutorial3_1_3OffsetGraphicsLayer.kt │ │ ├── Tutorial3_1_4BoxWithConstraints.kt │ │ ├── Tutorial3_1_5SizeModifiers.kt │ │ ├── Tutorial3_1_6ChainSizeModifiers.kt │ │ ├── Tutorial3_1_7WrapContentModifier.kt │ │ ├── Tutorial3_1_8LayoutModifier.kt │ │ ├── Tutorial3_2_0LayoutBasics.kt │ │ ├── Tutorial3_2_10ConstraintsAndLayout.kt │ │ ├── Tutorial3_2_1CustomLayout1.kt │ │ ├── Tutorial3_2_2CustomLayout2.kt │ │ ├── Tutorial3_2_3Constraints.kt │ │ ├── Tutorial3_2_4ConstraintsBounds.kt │ │ ├── Tutorial3_2_5InnerConstraints.kt │ │ ├── Tutorial3_2_6SiblingConstraints.kt │ │ ├── Tutorial3_2_7InfiniteConstraints.kt │ │ ├── Tutorial3_2_8ConstrainAndOffset1.kt │ │ ├── Tutorial3_2_9ConstrainAndOffset2.kt │ │ ├── Tutorial3_3_1ScopeAndParentDataModifier.kt │ │ ├── Tutorial3_3_3OnPlacedModifier1.kt │ │ ├── Tutorial3_3_4OnPlacedModifier2.kt │ │ ├── Tutorial3_3_5OnPlacedModifier3.kt │ │ ├── Tutorial3_4LayoutIdModifier.kt │ │ ├── Tutorial3_5SubcomposeLayout.kt │ │ ├── Tutorial3_6_1CustomFlexLayout.kt │ │ ├── Tutorial3_6_2SubComposeAndFlexLayout.kt │ │ ├── Tutorial3_7_1CompositionLayoutPhases.kt │ │ ├── Tutorial3_7_2CompositionLayoutPhases2.kt │ │ ├── Tutorial3_7_3RememberMeasurePolicy.kt │ │ ├── Tutorial3_8_1LookAheadLayout.kt │ │ ├── Tutorial3_9VisbilityPercentage.kt │ │ └── chat │ │ │ ├── ChatInput.kt │ │ │ ├── MessageStatus.kt │ │ │ ├── QuotedMessage.kt │ │ │ ├── ReceivedMessageRow.kt │ │ │ ├── RecipientName.kt │ │ │ ├── SentMessageRow.kt │ │ │ └── widget │ │ │ ├── ChatFlexBoxLayout.kt │ │ │ └── ResizableColumn.kt │ │ ├── chapter4_state │ │ ├── BadgeComponent.kt │ │ ├── BadgeState.kt │ │ ├── LogCompositions.kt │ │ ├── MaterialShadow.kt │ │ ├── Tutorial4_10_1MovableContentOf1.kt │ │ ├── Tutorial4_10_2MovableContentOf2.kt │ │ ├── Tutorial4_10_3MoveableContentOf3.kt │ │ ├── Tutorial4_11_1LazyListRecomposition1.kt │ │ ├── Tutorial4_11_2LazyListrecomposition2.kt │ │ ├── Tutorial4_11_3LazyListRecomposition3.kt │ │ ├── Tutorial4_11_4LazyListRecomposition4.kt │ │ ├── Tutorial4_11_5LazyListRecomposition5.kt │ │ ├── Tutorial4_11_6LazyListRecomposition6.kt │ │ ├── Tutorial4_12LazyListScrollDirection.kt │ │ ├── Tutorial4_13AnimatingKeyEquality.kt │ │ ├── Tutorial4_1_1RememberMutableState.kt │ │ ├── Tutorial4_1_2SnapshotMutationPolicy.kt │ │ ├── Tutorial4_2_1Recomposition.kt │ │ ├── Tutorial4_2_2Recomposition2.kt │ │ ├── Tutorial4_2_3ScopedRecomposition.kt │ │ ├── Tutorial4_2_4Stability.kt │ │ ├── Tutorial4_2_5ImmutableAnnotation.kt │ │ ├── Tutorial4_2_6StableAnnotation.kt │ │ ├── Tutorial4_2_7LambdaRecomposition.kt │ │ ├── Tutorial4_2_8NonRestartableComposable.kt │ │ ├── Tutorial4_3RememberKeys.kt │ │ ├── Tutorial4_4CustomRemember.kt │ │ ├── Tutorial4_5_1SideEffect.kt │ │ ├── Tutorial4_5_2SideEffect2.kt │ │ ├── Tutorial4_6ModifierRecomposition.kt │ │ ├── Tutorial4_7_1ComposePhases1.kt │ │ ├── Tutorial4_7_2ComposePhases2.kt │ │ ├── Tutorial4_7_3ComposePhases3.kt │ │ └── Tutorial4_9_1RememberObserver.kt │ │ ├── chapter5_gesture │ │ ├── ImageOffsetAndTouchTranslation.kt │ │ ├── NestedScrollConnectionAndDispatcherSample.kt │ │ ├── ToolbarSampleContent.kt │ │ ├── Tutorial5_10_1DetectColorOnTouchPosition.kt │ │ ├── Tutorial5_11ZoomableLazyColumn.kt │ │ ├── Tutorial5_12SwipePagerToStart.kt │ │ ├── Tutorial5_13_1RotateDragBox.kt │ │ ├── Tutorial5_13_2RotateZoomDragBox.kt │ │ ├── Tutorial5_14ImageBoundsRect.kt │ │ ├── Tutorial5_15DragHorizontalPager.kt │ │ ├── Tutorial5_16SafeThrottleClick.kt │ │ ├── Tutorial5_1_1Clickable.kt │ │ ├── Tutorial5_1_2InteractionSource1.kt │ │ ├── Tutorial5_1_3InteractionSource2.kt │ │ ├── Tutorial5_1_4LongClickButton.kt │ │ ├── Tutorial5_2TapDragGesture.kt │ │ ├── Tutorial5_3TransformGesture.kt │ │ ├── Tutorial5_4_1AwaitPointerEventScope.kt │ │ ├── Tutorial5_4_2AwaitPointertEvenScopeDrag.kt │ │ ├── Tutorial5_4_3Calculations.kt │ │ ├── Tutorial5_4_3LongPressCallbacks.kt │ │ ├── Tutorial5_5_1CombinedGestures1.kt │ │ ├── Tutorial5_6_1ConsumeChange.kt │ │ ├── Tutorial5_6_2GesturePropagation1.kt │ │ ├── Tutorial5_6_3GesturePropagation2.kt │ │ ├── Tutorial5_6_4TransformPropagation.kt │ │ ├── Tutorial5_6_5PointerEventPass1.kt │ │ ├── Tutorial5_6_6PointerEventPass2.kt │ │ ├── Tutorial5_6_7PointerEventPass3.kt │ │ ├── Tutorial5_6_8PointerInputPass4.kt │ │ ├── Tutorial5_6_9PointerEventPass5.kt │ │ ├── Tutorial5_7_1GestureRipples.kt │ │ ├── Tutorial5_8_1DragModifier.kt │ │ ├── Tutorial5_8_2SwipeModifier.kt │ │ ├── Tutorial5_9_1Scroll.kt │ │ ├── Tutorial5_9_2NestedScroll1.kt │ │ ├── Tutorial5_9_3NestedScroll2.kt │ │ ├── Tutorial5_9_4NestedScroll3.kt │ │ ├── Tutorial5_9_5DragableNestedScroll.kt │ │ ├── Tutorial5_9_6CollapsingTopAppBar.kt │ │ ├── Tutorial5_9_7CollapsingTopAppbar2.kt │ │ └── gesture │ │ │ ├── AwaitDragMotionModifier.kt │ │ │ ├── AwaitPointerMotionEvent.kt │ │ │ ├── DetectDragGestures.kt │ │ │ ├── MotionEvent.kt │ │ │ ├── PointerMotionModifier.kt │ │ │ ├── TransformGesture.kt │ │ │ ├── ZoomableImage.kt │ │ │ ├── ZoomableState.kt │ │ │ └── Zoomables.kt │ │ ├── chapter6_graphics │ │ ├── BlendModes.kt │ │ ├── ParticlePhysics.kt │ │ ├── PathUtils.kt │ │ ├── PieChartLabels.kt │ │ ├── PolygonLapsDrawable.kt │ │ ├── RippleAnimation.kt │ │ ├── Tutorial40_2RenderEffect1.kt │ │ ├── Tutorial6_10RippleOnCanvas.kt │ │ ├── Tutorial6_11EraseProgress.kt │ │ ├── Tutorial6_12RotatedLabel.kt │ │ ├── Tutorial6_13BorderProgressTimer.kt │ │ ├── Tutorial6_14PieChart.kt │ │ ├── Tutorial6_15AnimatedPieChart.kt │ │ ├── Tutorial6_16CustomSegmentedBorder.kt │ │ ├── Tutorial6_17AnimatedRainbowBorder.kt │ │ ├── Tutorial6_18ShimmerEffect.kt │ │ ├── Tutorial6_19CustomCarousel.kt │ │ ├── Tutorial6_1_1CanvasBasics.kt │ │ ├── Tutorial6_1_2CanvasBasics2.kt │ │ ├── Tutorial6_1_3CanvasPaths.kt │ │ ├── Tutorial6_1_4CanvasPathOperations.kt │ │ ├── Tutorial6_1_5CanvasPathSegments.kt │ │ ├── Tutorial6_1_6CanvasPathEffect.kt │ │ ├── Tutorial6_1_7PathMeasure.kt │ │ ├── Tutorial6_1_8CanvasStrokeWidth.kt │ │ ├── Tutorial6_20PathParserAndSegment.kt │ │ ├── Tutorial6_21ConstantVelocityAnimation.kt │ │ ├── Tutorial6_22ArcFillClock.kt │ │ ├── Tutorial6_23TabAnimation.kt │ │ ├── Tutorial6_24ProjectionLerping.kt │ │ ├── Tutorial6_25BeforeAfterLayout.kt │ │ ├── Tutorial6_26_AnimatedCountdownTimer.kt │ │ ├── Tutorial6_27rememberVectorPainter.kt │ │ ├── Tutorial6_28ComplexPathTouchPosition.kt │ │ ├── Tutorial6_29ToolTipPieChart.kt │ │ ├── Tutorial6_2BlendMode1.kt │ │ ├── Tutorial6_2BlendMode2ActualCanvas.kt │ │ ├── Tutorial6_2BlendMode3Clipping.kt │ │ ├── Tutorial6_2BlendMode4.kt │ │ ├── Tutorial6_30LinearInterpolation.kt │ │ ├── Tutorial6_31EditPolygonPoints1.kt │ │ ├── Tutorial6_32EdgeFadeEffect.kt │ │ ├── Tutorial6_33StoppableInfiniteAnimation.kt │ │ ├── Tutorial6_35MultiColoredLineChart.kt │ │ ├── Tutorial6_36InnerShadow.kt │ │ ├── Tutorial6_37CombineShapes.kt │ │ ├── Tutorial6_38ArcSlider.kt │ │ ├── Tutorial6_39_1GraphicsLayer1.kt │ │ ├── Tutorial6_3_1ColorFilter1.kt │ │ ├── Tutorial6_40_1RenderScript1.kt │ │ ├── Tutorial6_4_0CanvasTouchGestures.kt │ │ ├── Tutorial6_4_1DrawWithTouch.kt │ │ ├── Tutorial6_4_2DrawWithTouch2.kt │ │ ├── Tutorial6_4_3CanvasTouchPositions.kt │ │ ├── Tutorial6_5ColorPicker.kt │ │ ├── Tutorial6_6EditBox.kt │ │ ├── Tutorial6_7GooeyEffect.kt │ │ ├── Tutorial6_8_1CutoutShape1.kt │ │ ├── Tutorial6_9_1NeonEffect.kt │ │ ├── Ui.kt │ │ ├── chart │ │ │ └── PieChart.kt │ │ ├── colorpicker │ │ │ ├── ColorPickerWheel.kt │ │ │ ├── ColorfulSlider.kt │ │ │ └── SaturationRhombus.kt │ │ └── editbox │ │ │ ├── DimensionSubcomposeLayout.kt │ │ │ ├── ScaleEditBox.kt │ │ │ ├── TouchRegion.kt │ │ │ └── Util.kt │ │ ├── chapter7_theming │ │ └── Tutorial7_2_1CompositionLocal.kt │ │ ├── chapter8_semantics │ │ ├── Tutorial8_1ClickableLabels.kt │ │ ├── Tutorial8_2CustomMerging.kt │ │ └── UndoRedoSample.kt │ │ ├── chapter9_animation │ │ ├── AnimatedContentSample.kt │ │ ├── AnimatedVisibilityTransitionStateTest.kt │ │ ├── Easing.kt │ │ ├── HorizontalPagerItemDeleteAnimation.kt │ │ ├── LazyRowSnapAndDeleteAnimation.kt │ │ ├── MutexAnimatableSample.kt │ │ ├── ParticleAnimations.kt │ │ ├── SharedElementTransition1.kt │ │ ├── SharedElementTransition2.kt │ │ ├── SharedElementTransition3AnimatedVisibility.kt │ │ ├── SharedElementTransition3AnimatedVisibilityBlur.kt │ │ ├── SharedElementTransition4ManuallyManaged.kt │ │ ├── SharedElementTransition5BoundsTransform.kt │ │ ├── SharedElementTransition5Clipping.kt │ │ ├── SharedElementTransition5ResizeMode.kt │ │ ├── SharedElementTransition5SkipLookAheadSize.kt │ │ ├── SharedElementTransition6RenderOverlay.kt │ │ ├── SharedElementTransition7PlaceHolderSize.kt │ │ ├── SharedElementTransition8Navigation.kt │ │ ├── SharedElementTransition9Pager.kt │ │ ├── SharedElementTransition9SheetToScreen.kt │ │ └── SharedElementTransition9SheetToScreen2.kt │ │ ├── model │ │ ├── Place.kt │ │ ├── Snack.kt │ │ ├── SuggestionModel.kt │ │ ├── TopAppbarMenuOverflow.kt │ │ └── TutorialSectionModel.kt │ │ ├── tutorial_list │ │ ├── Tags.kt │ │ └── TutorialList.kt │ │ └── ui │ │ ├── Color.kt │ │ ├── IconButton.kt │ │ ├── Shape.kt │ │ ├── Theme.kt │ │ ├── Type.kt │ │ └── components │ │ ├── CustomChip.kt │ │ ├── DrawerButton.kt │ │ ├── FullWidthComponents.kt │ │ ├── JumpToTopButton.kt │ │ ├── PlaceCard.kt │ │ ├── RandomColor.kt │ │ ├── SnackCard.kt │ │ ├── StaggeredGrid.kt │ │ ├── TutorialSectionCard.kt │ │ └── TutorialTexts.kt │ └── res │ ├── drawable-nodpi │ ├── drawer_bg.jpeg │ ├── drawer_bg2.jpeg │ ├── landscape11.jpg │ ├── placeholder.jpg │ └── under_construction.jpg │ ├── drawable-v24 │ └── ic_launcher_foreground.xml │ ├── drawable │ ├── avatar_1_raster.png │ ├── avatar_2_raster.png │ ├── avatar_3_raster.png │ ├── avatar_4_raster.png │ ├── avatar_5_raster.png │ ├── avatar_6_raster.png │ ├── composite_dst.png │ ├── composite_src.png │ ├── cupcake.jpg │ ├── dest.png │ ├── donut.jpeg │ ├── dots_transparent.png │ ├── eclair.jpeg │ ├── froyo.jpeg │ ├── gingerbread.jpg │ ├── honeycomb.jpg │ ├── ic_baseline_deblur_24.xml │ ├── ic_baseline_location_on_48.xml │ ├── ic_baseline_star_12.xml │ ├── ic_eraser_black_24dp.xml │ ├── ic_launcher_background.xml │ ├── ic_launcher_foreground.xml │ ├── image_before_after_shoes_a.jpeg │ ├── image_before_after_shoes_b.jpeg │ ├── landscape1.jpg │ ├── landscape10.jpg │ ├── landscape2.jpg │ ├── landscape3.jpg │ ├── landscape4.jpg │ ├── landscape5.jpg │ ├── landscape6.jpg │ ├── landscape7.jpg │ ├── landscape8.jpg │ ├── landscape9.jpg │ ├── source.png │ ├── tg_icon.png │ ├── tip.xml │ ├── vd_account_active.xml │ ├── vd_account_outlined.xml │ ├── vd_activity1_1heart.xml │ ├── vd_clock_alarm.xml │ ├── vd_clock_clock.xml │ ├── vd_clock_stopwatch.xml │ ├── vd_dashboard_active.xml │ ├── vd_dashboard_outlined.xml │ ├── vd_heart_empty.xml │ ├── vd_heart_filled.xml │ ├── vd_home_active.xml │ ├── vd_home_outlined.xml │ ├── vd_notification_active.xml │ ├── vd_notification_outlined.xml │ └── vd_profile.xml │ ├── mipmap-anydpi-v26 │ ├── ic_launcher.xml │ └── ic_launcher_round.xml │ ├── mipmap-hdpi │ ├── ic_launcher.png │ └── ic_launcher_round.png │ ├── mipmap-mdpi │ ├── ic_launcher.png │ └── ic_launcher_round.png │ ├── mipmap-xhdpi │ ├── ic_launcher.png │ └── ic_launcher_round.png │ ├── mipmap-xxhdpi │ ├── ic_launcher.png │ └── ic_launcher_round.png │ ├── mipmap-xxxhdpi │ ├── ic_launcher.png │ └── ic_launcher_round.png │ ├── values-night │ └── themes.xml │ └── values │ ├── colors.xml │ ├── strings.xml │ └── themes.xml ├── Tutorial2-1Unit-Testing ├── .gitignore ├── build.gradle.kts ├── proguard-rules.pro └── src │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── smarttoolfactory │ │ │ └── tutorial2_1unit_testing │ │ │ ├── MainActivity.kt │ │ │ └── ui │ │ │ └── theme │ │ │ ├── Color.kt │ │ │ ├── Theme.kt │ │ │ └── Type.kt │ └── res │ │ ├── drawable │ │ ├── ic_launcher_background.xml │ │ └── ic_launcher_foreground.xml │ │ ├── mipmap-anydpi-v26 │ │ ├── ic_launcher.xml │ │ └── ic_launcher_round.xml │ │ ├── mipmap-hdpi │ │ ├── ic_launcher.webp │ │ └── ic_launcher_round.webp │ │ ├── mipmap-mdpi │ │ ├── ic_launcher.webp │ │ └── ic_launcher_round.webp │ │ ├── mipmap-xhdpi │ │ ├── ic_launcher.webp │ │ └── ic_launcher_round.webp │ │ ├── mipmap-xxhdpi │ │ ├── ic_launcher.webp │ │ └── ic_launcher_round.webp │ │ ├── mipmap-xxxhdpi │ │ ├── ic_launcher.webp │ │ └── ic_launcher_round.webp │ │ └── values │ │ ├── colors.xml │ │ ├── strings.xml │ │ └── themes.xml │ └── test │ └── java │ └── com │ └── smarttoolfactory │ └── tutorial2_1unit_testing │ ├── coroutines │ ├── CoroutinesTest1.kt │ ├── CoroutinesTest2.kt │ ├── CoroutinesTest3.kt │ ├── CoroutinesViewModel.kt │ ├── MainDispatcherExtension.kt │ ├── MainDispatcherRule.kt │ └── UserRepository.kt │ └── mockk │ ├── CalculationViewModel.kt │ ├── CalculationViewModelTest.kt │ ├── CaptureTest.kt │ ├── Test10VerifyAtLeastAtMostExactly.kt │ ├── Test11VerificationOrder.kt │ ├── Test12VerificationConfirmation.kt │ ├── Test13RecordingExclusions.kt │ ├── Test14VerificationTimeout.kt │ ├── Test15PrivateMethodsAndProperties.kt │ ├── Test15ReturnUnit.kt │ ├── Test1ExtendWith.kt │ ├── Test1WithInit.kt │ ├── Test1WithMockK.kt │ ├── Test2ObjectMockK.kt │ ├── Test3RelaxedMockK.kt │ ├── Test4MockClassEnumConstructor.kt │ ├── Test5Spy.kt │ ├── Test6HierarchicalMocking.kt │ ├── Test6HierarchicalMocking2.kt │ ├── Test7PartialArgumentMatching.kt │ ├── Test8ChainedCalls.kt │ ├── Test9CapturingParams.kt │ ├── car │ └── Car.kt │ └── model_math_application │ ├── CalculatorService.kt │ └── MathApplication.kt ├── Tutorial2-2UI-Testing ├── .gitignore ├── build.gradle.kts ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── smarttoolfactory │ │ └── tutorial2_2ui_testing │ │ ├── ExampleInstrumentedTest.kt │ │ ├── Test1InspectingTrees.kt │ │ └── Test2TextField.kt │ └── main │ ├── AndroidManifest.xml │ ├── java │ └── com │ │ └── smarttoolfactory │ │ └── tutorial2_2ui_testing │ │ ├── MainActivity.kt │ │ └── ui │ │ └── theme │ │ ├── Color.kt │ │ ├── Theme.kt │ │ └── Type.kt │ └── res │ ├── drawable │ ├── ic_launcher_background.xml │ └── ic_launcher_foreground.xml │ ├── mipmap-anydpi-v26 │ ├── ic_launcher.xml │ └── ic_launcher_round.xml │ ├── mipmap-hdpi │ ├── ic_launcher.webp │ └── ic_launcher_round.webp │ ├── mipmap-mdpi │ ├── ic_launcher.webp │ └── ic_launcher_round.webp │ ├── mipmap-xhdpi │ ├── ic_launcher.webp │ └── ic_launcher_round.webp │ ├── mipmap-xxhdpi │ ├── ic_launcher.webp │ └── ic_launcher_round.webp │ ├── mipmap-xxxhdpi │ ├── ic_launcher.webp │ └── ic_launcher_round.webp │ └── values │ ├── colors.xml │ ├── strings.xml │ └── themes.xml ├── Tutorial3-1Navigation ├── .gitignore ├── build.gradle.kts ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── smarttoolfactory │ │ └── tutorial3_1navigation │ │ └── ExampleInstrumentedTest.kt │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── smarttoolfactory │ │ │ └── tutorial3_1navigation │ │ │ ├── ExposedSectionMenu.kt │ │ │ ├── MainActivity.kt │ │ │ ├── NavContoller.kt │ │ │ ├── NavigateBackWithDrag.kt │ │ │ ├── NavigationApplication.kt │ │ │ ├── Routes.kt │ │ │ ├── Tutorial1TypeSafeNavigation.kt │ │ │ ├── Tutorial2_1PopUpToAndLaunchSingleTop.kt │ │ │ ├── Tutorial2_2PopBackStackRoutePatterns.kt │ │ │ ├── Tutorial2_3PopBackStackWithResult.kt │ │ │ ├── Tutorial3_1MultipleBackStack.kt │ │ │ ├── Tutorial3_2BottomNavigationBasics.kt │ │ │ ├── Tutorial3_3BottomNavigationNestedNavigation.kt │ │ │ ├── Tutorial4_1Deeplink.kt │ │ │ ├── Tutorial4_2DeeplinkQueryParams.kt │ │ │ ├── Tutorial5_1ScopedViewModel.kt │ │ │ ├── Tutorial5_2MultipleBackStackWithViewModel.kt │ │ │ ├── Tutorial6_1ConditionalNavigation.kt │ │ │ ├── Tutorial7_1CustomTypes.kt │ │ │ ├── Tutorial8_1NavControllerCreateGraph.kt │ │ │ ├── Tutorial8_2DynamicNavGraphDeeplink.kt │ │ │ ├── Tutorial9_1DialogNavigation.kt │ │ │ ├── Util.kt │ │ │ └── ui │ │ │ └── theme │ │ │ ├── Color.kt │ │ │ ├── Theme.kt │ │ │ └── Type.kt │ └── res │ │ ├── drawable │ │ ├── ic_launcher_background.xml │ │ └── ic_launcher_foreground.xml │ │ ├── mipmap-anydpi-v26 │ │ ├── ic_launcher.xml │ │ └── ic_launcher_round.xml │ │ ├── mipmap-hdpi │ │ ├── ic_launcher.webp │ │ └── ic_launcher_round.webp │ │ ├── mipmap-mdpi │ │ ├── ic_launcher.webp │ │ └── ic_launcher_round.webp │ │ ├── mipmap-xhdpi │ │ ├── ic_launcher.webp │ │ └── ic_launcher_round.webp │ │ ├── mipmap-xxhdpi │ │ ├── ic_launcher.webp │ │ └── ic_launcher_round.webp │ │ ├── mipmap-xxxhdpi │ │ ├── ic_launcher.webp │ │ └── ic_launcher_round.webp │ │ └── values │ │ ├── colors.xml │ │ ├── strings.xml │ │ └── themes.xml │ └── test │ └── java │ └── com │ └── smarttoolfactory │ └── tutorial3_1navigation │ └── ExampleUnitTest.kt ├── build.gradle.kts ├── gradle.properties ├── gradle └── libs.versions.toml ├── gradlew ├── gradlew.bat ├── screenshots ├── intro.gif ├── tutorial-list.jpg ├── tutorial1_1.jpg ├── tutorial1_2.jpg ├── tutorial2_1.jpg ├── tutorial2_10.jpeg ├── tutorial2_10_4.jpeg ├── tutorial2_10_5.jpeg ├── tutorial2_11.gif ├── tutorial2_12.gif ├── tutorial2_2.jpg ├── tutorial2_3.jpg ├── tutorial2_4.gif ├── tutorial2_5.gif ├── tutorial2_6.gif ├── tutorial2_7.jpeg ├── tutorial2_8.jpeg ├── tutorial2_9.jpeg ├── tutorial2_9_2.jpeg ├── tutorial3_10.gif ├── tutorial3_1_1.png ├── tutorial3_1_2.png ├── tutorial3_1_3.gif ├── tutorial3_1_6.png ├── tutorial3_1_7.png ├── tutorial3_1_8.png ├── tutorial3_2_1.png ├── tutorial3_2_10.gif ├── tutorial3_3_1.png ├── tutorial3_4.png ├── tutorial3_5.gif ├── tutorial3_6_1.gif ├── tutorial3_6_2.gif ├── tutorial3_9.gif ├── tutorial4_12.gif ├── tutorial4_1_1.png ├── tutorial4_2_3.png ├── tutorial4_4.gif ├── tutorial4_5_1.png ├── tutorial4_5_2.png ├── tutorial4_7_3.gif ├── tutorial5_10_1.gif ├── tutorial5_11.gif ├── tutorial5_1_1.gif ├── tutorial5_1_2.gif ├── tutorial5_1_3.gif ├── tutorial5_2.gif ├── tutorial5_3.gif ├── tutorial5_4_1.gif ├── tutorial5_4_3.gif ├── tutorial5_6_2.gif ├── tutorial5_6_4.gif ├── tutorial5_9_6.gif ├── tutorial5_9_7.gif ├── tutorial6_11.gif ├── tutorial6_12.gif ├── tutorial6_13.gif ├── tutorial6_14.png ├── tutorial6_15.gif ├── tutorial6_17.gif ├── tutorial6_1_1.gif ├── tutorial6_1_2.gif ├── tutorial6_1_3.gif ├── tutorial6_1_4.gif ├── tutorial6_1_5.gif ├── tutorial6_1_6.gif ├── tutorial6_20.gif ├── tutorial6_21.gif ├── tutorial6_23.gif ├── tutorial6_24.gif ├── tutorial6_25.gif ├── tutorial6_2_1.gif ├── tutorial6_2_3.gif ├── tutorial6_4_2.gif ├── tutorial6_5.gif ├── tutorial6_6.gif ├── tutorial6_7.gif ├── tutorial6_8_1.png └── tutorial6_9_1.gif └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | *.iml 2 | .gradle 3 | /local.properties 4 | /.idea/* 5 | .DS_Store 6 | /build 7 | /captures 8 | .externalNativeBuild 9 | .cxx 10 | local.properties 11 | gradle/wrapper -------------------------------------------------------------------------------- /Tutorial1-1Basics/.gitignore: -------------------------------------------------------------------------------- 1 | /build -------------------------------------------------------------------------------- /Tutorial1-1Basics/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # You can control the set of applied configuration files using the 3 | # proguardFiles setting in build.gradle.kts. 4 | # 5 | # For more details, see 6 | # http://developer.android.com/guide/developing/tools/proguard.html 7 | 8 | # If your project uses WebView with JS, uncomment the following 9 | # and specify the fully qualified class name to the JavaScript interface 10 | # class: 11 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 12 | # public *; 13 | #} 14 | 15 | # Uncomment this to preserve the line number information for 16 | # debugging stack traces. 17 | #-keepattributes SourceFile,LineNumberTable 18 | 19 | # If you keep the line number information, uncomment this to 20 | # hide the original source file name. 21 | #-renamesourcefileattribute SourceFile -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/androidTest/java/com/smarttoolfactory/tutorial1_1basics/ExampleInstrumentedTest.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics 2 | 3 | import androidx.test.platform.app.InstrumentationRegistry 4 | import androidx.test.ext.junit.runners.AndroidJUnit4 5 | 6 | import org.junit.Test 7 | import org.junit.runner.RunWith 8 | 9 | import org.junit.Assert.* 10 | 11 | /** 12 | * Instrumented test, which will execute on an Android device. 13 | * 14 | * See [testing documentation](http://d.android.com/tools/testing). 15 | */ 16 | @RunWith(AndroidJUnit4::class) 17 | class ExampleInstrumentedTest { 18 | @Test 19 | fun useAppContext() { 20 | // Context of the app under test. 21 | val appContext = InstrumentationRegistry.getInstrumentation().targetContext 22 | assertEquals("com.smarttoolfactory.tutorial1_1basics", appContext.packageName) 23 | } 24 | } -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 13 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/HomeViewModel.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics 2 | 3 | 4 | import androidx.lifecycle.ViewModel 5 | import com.smarttoolfactory.tutorial1_1basics.model.SuggestionModel 6 | import com.smarttoolfactory.tutorial1_1basics.model.TutorialSectionModel 7 | 8 | class HomeViewModel : ViewModel() { 9 | 10 | 11 | val tutorialList = mutableListOf>() 12 | 13 | 14 | fun getTutorials(query: String): List { 15 | 16 | val filteredList = linkedSetOf() 17 | 18 | tutorialList.forEach { list: List -> 19 | 20 | list.forEach { tutorialSectionModel -> 21 | 22 | if (tutorialSectionModel.title.contains(query, ignoreCase = true)) { 23 | filteredList.add(tutorialSectionModel) 24 | } 25 | 26 | if (tutorialSectionModel.description.contains(query, ignoreCase = true)) { 27 | filteredList.add(tutorialSectionModel) 28 | } 29 | 30 | tutorialSectionModel.tags.forEach { 31 | if (it.contains(query, ignoreCase = true)) { 32 | filteredList.add(tutorialSectionModel) 33 | } 34 | } 35 | } 36 | } 37 | 38 | // println("🤖 ViewModel Query: $query, filteredList: ${filteredList.size}") 39 | 40 | return filteredList.toList() 41 | } 42 | } 43 | 44 | 45 | val suggestionList = listOf( 46 | SuggestionModel("Modifier"), 47 | SuggestionModel("Row"), 48 | SuggestionModel("Column"), 49 | SuggestionModel("BottomSheet"), 50 | SuggestionModel("Dialog"), 51 | SuggestionModel("Checkbox"), 52 | SuggestionModel("Layout"), 53 | SuggestionModel("Modifier"), 54 | SuggestionModel("SubcomposeLayout"), 55 | SuggestionModel("Recomposition"), 56 | SuggestionModel("SideEffect"), 57 | SuggestionModel("PointerInput"), 58 | SuggestionModel("AwaitPointerEventScope"), 59 | SuggestionModel("Gesture"), 60 | SuggestionModel("Drag"), 61 | SuggestionModel("Transform"), 62 | SuggestionModel("Canvas"), 63 | SuggestionModel("DrawScope"), 64 | SuggestionModel("Path"), 65 | SuggestionModel("PathEffect"), 66 | SuggestionModel("PathOperation"), 67 | SuggestionModel("Blend Mode"), 68 | ) -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/MainActivity.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics 2 | 3 | import android.os.Bundle 4 | import androidx.activity.compose.setContent 5 | import androidx.appcompat.app.AppCompatActivity 6 | import androidx.compose.animation.ExperimentalAnimationApi 7 | import androidx.compose.foundation.ExperimentalFoundationApi 8 | import androidx.compose.material.ExperimentalMaterialApi 9 | import androidx.compose.ui.ExperimentalComposeUiApi 10 | import androidx.core.view.WindowCompat 11 | import androidx.navigation.NavController 12 | import com.smarttoolfactory.tutorial1_1basics.ui.ComposeTutorialsTheme 13 | 14 | /** 15 | * This is the single and only Activity that contains Composable Tutorial list. 16 | * 17 | * * Tutorial navigation is done via [NavController] and ```composable``` extension function 18 | * for [NavGraphBuilder] 19 | */ 20 | @ExperimentalMaterialApi 21 | @ExperimentalAnimationApi 22 | @ExperimentalFoundationApi 23 | @ExperimentalComposeUiApi 24 | class MainActivity : AppCompatActivity() { 25 | 26 | override fun onCreate(savedInstanceState: Bundle?) { 27 | super.onCreate(savedInstanceState) 28 | 29 | WindowCompat.setDecorFitsSystemWindows(window, false) 30 | 31 | setContent { 32 | ComposeTutorialsTheme { 33 | MainScreen() 34 | } 35 | } 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/MainScreen.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics 2 | 3 | import androidx.compose.animation.ExperimentalAnimationApi 4 | import androidx.compose.foundation.ExperimentalFoundationApi 5 | import androidx.compose.foundation.layout.PaddingValues 6 | import androidx.compose.foundation.layout.padding 7 | import androidx.compose.material.ExperimentalMaterialApi 8 | import androidx.compose.material.Scaffold 9 | import androidx.compose.runtime.Composable 10 | import androidx.compose.ui.ExperimentalComposeUiApi 11 | import androidx.compose.ui.Modifier 12 | 13 | @ExperimentalMaterialApi 14 | @ExperimentalAnimationApi 15 | @ExperimentalComposeUiApi 16 | @ExperimentalFoundationApi 17 | @Composable 18 | fun MainScreen() { 19 | Scaffold { paddingValues: PaddingValues -> 20 | TutorialNavGraph(modifier = Modifier.padding(paddingValues)) 21 | } 22 | } -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/Utils.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics 2 | 3 | import androidx.compose.runtime.Composable 4 | import androidx.compose.runtime.Stable 5 | import androidx.compose.ui.platform.LocalInspectionMode 6 | 7 | @Stable 8 | val isInPreview @Composable get() = LocalInspectionMode.current -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/chapter2_material_widgets/MotionLayoutDSLSample.kt: -------------------------------------------------------------------------------- 1 | @file:OptIn(ExperimentalMotionApi::class) 2 | 3 | package com.smarttoolfactory.tutorial1_1basics.chapter2_material_widgets 4 | 5 | import androidx.compose.foundation.layout.fillMaxSize 6 | import androidx.compose.material.Text 7 | import androidx.compose.runtime.Composable 8 | import androidx.compose.ui.Modifier 9 | import androidx.compose.ui.layout.layoutId 10 | import androidx.compose.ui.tooling.preview.Preview 11 | import androidx.constraintlayout.compose.ExperimentalMotionApi 12 | import androidx.constraintlayout.compose.MotionLayout 13 | import androidx.constraintlayout.compose.MotionScene 14 | import androidx.constraintlayout.compose.OnSwipe 15 | import androidx.constraintlayout.compose.SwipeDirection 16 | import androidx.constraintlayout.compose.SwipeMode 17 | import androidx.constraintlayout.compose.SwipeSide 18 | import androidx.constraintlayout.compose.SwipeTouchUp 19 | 20 | @Preview(showBackground = true) 21 | @Composable 22 | private fun Test() { 23 | MotionLayout( 24 | MotionScene { // this: MotionSceneScope 25 | val textRef = createRefFor("text") 26 | defaultTransition( 27 | from = constraintSet { // this: ConstraintSetScope 28 | constrain(textRef) { // this: ConstrainScope 29 | bottom.linkTo(parent.bottom) 30 | start.linkTo(parent.start) 31 | } 32 | }, 33 | to = constraintSet { // this: ConstraintSetScope 34 | constrain(textRef) { // this: ConstrainScope 35 | top.linkTo(parent.top) 36 | end.linkTo(parent.end) 37 | } 38 | } 39 | ) { // this: TransitionScope 40 | onSwipe = OnSwipe( 41 | anchor = textRef, 42 | side = SwipeSide.End, 43 | direction = SwipeDirection.End, 44 | mode = SwipeMode.Spring, 45 | onTouchUp = SwipeTouchUp.AutoComplete 46 | ) 47 | } 48 | }, 49 | progress = 0f, 50 | Modifier.fillMaxSize() 51 | ) { 52 | Text("Hello, World", Modifier.layoutId("text")) 53 | } 54 | } -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/chapter2_material_widgets/Tutorial2_5_1LazyColumn1.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.chapter2_material_widgets 2 | 3 | import androidx.compose.foundation.layout.Arrangement 4 | import androidx.compose.foundation.layout.PaddingValues 5 | import androidx.compose.foundation.lazy.LazyColumn 6 | import androidx.compose.foundation.lazy.items 7 | import androidx.compose.runtime.Composable 8 | import androidx.compose.ui.tooling.preview.Preview 9 | import androidx.compose.ui.unit.dp 10 | import com.smarttoolfactory.tutorial1_1basics.model.Snack 11 | import com.smarttoolfactory.tutorial1_1basics.model.snacks 12 | import com.smarttoolfactory.tutorial1_1basics.ui.components.SnackCard 13 | 14 | @Preview 15 | @Composable 16 | fun Tutorial2_5Screen1() { 17 | TutorialContent() 18 | } 19 | 20 | @Composable 21 | private fun TutorialContent() { 22 | LazyColumn( 23 | contentPadding = PaddingValues(horizontal = 12.dp, vertical = 8.dp), 24 | verticalArrangement = Arrangement.spacedBy(8.dp), 25 | content = { 26 | items(snacks) { item: Snack -> 27 | SnackCard(snack = item) 28 | } 29 | } 30 | ) 31 | } 32 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/chapter2_material_widgets/Tutorial2_5_4StickyHeader.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.chapter2_material_widgets 2 | 3 | import androidx.compose.foundation.ExperimentalFoundationApi 4 | import androidx.compose.foundation.background 5 | import androidx.compose.foundation.layout.Arrangement 6 | import androidx.compose.foundation.layout.PaddingValues 7 | import androidx.compose.foundation.layout.fillMaxWidth 8 | import androidx.compose.foundation.layout.padding 9 | import androidx.compose.foundation.lazy.LazyColumn 10 | import androidx.compose.foundation.lazy.items 11 | import androidx.compose.material.Text 12 | import androidx.compose.runtime.Composable 13 | import androidx.compose.ui.Modifier 14 | import androidx.compose.ui.graphics.Color 15 | import androidx.compose.ui.tooling.preview.Preview 16 | import androidx.compose.ui.unit.dp 17 | import androidx.compose.ui.unit.sp 18 | import com.smarttoolfactory.tutorial1_1basics.model.Snack 19 | import com.smarttoolfactory.tutorial1_1basics.model.snacksOrdered 20 | import com.smarttoolfactory.tutorial1_1basics.ui.components.SnackCard 21 | 22 | @ExperimentalFoundationApi 23 | @Preview 24 | @Composable 25 | fun Tutorial2_5Screen4() { 26 | TutorialContent() 27 | } 28 | 29 | @ExperimentalFoundationApi 30 | @Composable 31 | private fun TutorialContent() { 32 | val grouped: Map> = snacksOrdered.groupBy { it.name[0] } 33 | 34 | LazyColumn( 35 | contentPadding = PaddingValues(horizontal = 12.dp, vertical = 8.dp), 36 | verticalArrangement = Arrangement.spacedBy(8.dp), 37 | content = { 38 | 39 | grouped.forEach { (initial: Char, snacks: List) -> 40 | 41 | stickyHeader { 42 | SnackHeader(initial) 43 | } 44 | 45 | items(snacks) { item: Snack -> 46 | SnackCard(snack = item) 47 | } 48 | } 49 | }) 50 | } 51 | 52 | @Composable 53 | private fun SnackHeader(initial: Char) { 54 | Text( 55 | text = "$initial", 56 | fontSize = 24.sp, 57 | color = Color(0xff039BE5), 58 | modifier = Modifier 59 | .background(Color(0xffE3F2FD)) 60 | .fillMaxWidth() 61 | .padding(horizontal = 12.dp,vertical = 8.dp) 62 | ) 63 | } 64 | 65 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/chapter2_material_widgets/Tutorial2_5_5LazyVerticalGrid.kt: -------------------------------------------------------------------------------- 1 | import androidx.compose.foundation.background 2 | import androidx.compose.foundation.layout.PaddingValues 3 | import androidx.compose.foundation.layout.fillMaxSize 4 | import androidx.compose.foundation.lazy.grid.GridCells 5 | import androidx.compose.foundation.lazy.grid.LazyVerticalGrid 6 | import androidx.compose.foundation.lazy.grid.items 7 | import androidx.compose.runtime.Composable 8 | import androidx.compose.ui.Modifier 9 | import androidx.compose.ui.tooling.preview.Preview 10 | import androidx.compose.ui.unit.dp 11 | import com.smarttoolfactory.tutorial1_1basics.model.Snack 12 | import com.smarttoolfactory.tutorial1_1basics.model.snacks 13 | import com.smarttoolfactory.tutorial1_1basics.ui.backgroundColor 14 | import com.smarttoolfactory.tutorial1_1basics.ui.components.GridSnackCard 15 | 16 | @Preview 17 | @Composable 18 | fun Tutorial2_5Screen5() { 19 | TutorialContent() 20 | } 21 | 22 | @Composable 23 | private fun TutorialContent() { 24 | LazyVerticalGrid( 25 | contentPadding = PaddingValues(12.dp), 26 | modifier = Modifier 27 | .fillMaxSize() 28 | .background(backgroundColor), 29 | columns = GridCells.Fixed(3), 30 | content = { 31 | items(snacks) { snack: Snack -> 32 | GridSnackCard(snack = snack) 33 | } 34 | } 35 | ) 36 | } -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/chapter3_layout/chat/MessageStatus.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.chapter3_layout.chat 2 | 3 | import androidx.compose.foundation.layout.Row 4 | import androidx.compose.foundation.layout.padding 5 | import androidx.compose.foundation.layout.size 6 | import androidx.compose.material.ContentAlpha 7 | import androidx.compose.material.Icon 8 | import androidx.compose.material.LocalContentAlpha 9 | import androidx.compose.material.Text 10 | import androidx.compose.material.icons.Icons 11 | import androidx.compose.material.icons.filled.AccessTime 12 | import androidx.compose.material.icons.filled.Done 13 | import androidx.compose.material.icons.filled.DoneAll 14 | import androidx.compose.runtime.Composable 15 | import androidx.compose.runtime.CompositionLocalProvider 16 | import androidx.compose.runtime.remember 17 | import androidx.compose.ui.Alignment 18 | import androidx.compose.ui.Modifier 19 | import androidx.compose.ui.graphics.Color 20 | import androidx.compose.ui.unit.dp 21 | import androidx.compose.ui.unit.sp 22 | 23 | @Composable 24 | fun MessageTimeText( 25 | modifier: Modifier = Modifier, 26 | messageTime: String, 27 | messageStatus: MessageStatus 28 | ) { 29 | val messageStat = remember { 30 | messageStatus 31 | } 32 | 33 | Row( 34 | modifier = modifier, 35 | verticalAlignment = Alignment.CenterVertically 36 | ) { 37 | 38 | CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.medium) { 39 | Text( 40 | modifier = Modifier 41 | .padding(top = 1.dp, bottom = 1.dp), 42 | text = messageTime, 43 | fontSize = 12.sp 44 | ) 45 | } 46 | 47 | Icon( 48 | modifier = Modifier 49 | .size(16.dp, 12.dp) 50 | .padding(start = 4.dp), 51 | imageVector = when (messageStat) { 52 | MessageStatus.PENDING -> { 53 | Icons.Default.AccessTime 54 | } 55 | MessageStatus.RECEIVED -> { 56 | Icons.Default.Done 57 | } 58 | else -> Icons.Default.DoneAll 59 | }, 60 | tint = if (messageStat == MessageStatus.READ) Color(0xff0288D1) 61 | else Color(0xff424242), 62 | contentDescription = "messageStatus" 63 | ) 64 | 65 | } 66 | } 67 | 68 | enum class MessageStatus { 69 | PENDING, RECEIVED, READ 70 | } 71 | 72 | data class ChatMessage( 73 | val id: Long, 74 | var message: String, 75 | var date: Long 76 | ) -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/chapter3_layout/chat/RecipientName.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.chapter3_layout.chat 2 | 3 | import androidx.compose.foundation.clickable 4 | import androidx.compose.foundation.layout.Row 5 | import androidx.compose.foundation.layout.padding 6 | import androidx.compose.material.Text 7 | import androidx.compose.runtime.Composable 8 | import androidx.compose.ui.Alignment 9 | import androidx.compose.ui.Modifier 10 | import androidx.compose.ui.graphics.Color 11 | import androidx.compose.ui.text.font.FontWeight 12 | import androidx.compose.ui.text.style.TextOverflow 13 | import androidx.compose.ui.unit.dp 14 | import androidx.compose.ui.unit.sp 15 | import com.smarttoolfactory.tutorial1_1basics.ui.RecipientAltNameColor 16 | 17 | @Composable 18 | fun RecipientName( 19 | modifier: Modifier = Modifier, 20 | name: String, 21 | isName: Boolean = true, 22 | altName: String? = null, 23 | color: Color = Color.Red, 24 | onClick: ((String) -> Unit)? = null 25 | ) { 26 | Row( 27 | modifier = modifier 28 | .clickable { 29 | onClick?.invoke(name) 30 | } 31 | .padding(start = 4.dp, top = 2.dp, end = 8.dp), 32 | verticalAlignment = Alignment.Top 33 | ) { 34 | Text( 35 | modifier = Modifier.padding(horizontal = 6.dp, vertical = 2.dp), 36 | text = name, 37 | color = color, 38 | fontSize = 15.sp, 39 | maxLines = 1, 40 | letterSpacing = 1.sp, 41 | fontWeight = FontWeight.Bold, 42 | overflow = TextOverflow.Ellipsis 43 | ) 44 | if (!isName && altName != null) { 45 | Text( 46 | modifier = Modifier.padding(vertical = 4.dp), 47 | text = "~$altName", 48 | fontSize = 12.sp, 49 | color = RecipientAltNameColor 50 | ) 51 | } 52 | } 53 | } 54 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/chapter4_state/LogCompositions.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.chapter4_state 2 | 3 | import androidx.compose.runtime.Composable 4 | import androidx.compose.runtime.SideEffect 5 | import androidx.compose.runtime.remember 6 | 7 | class Ref(var value: Int) 8 | 9 | // Note the inline function below which ensures that this function is essentially 10 | // copied at the call site to ensure that its logging only recompositions from the 11 | // original call site. 12 | @Composable 13 | inline fun LogCompositions(msg: String) { 14 | val ref = remember { Ref(0) } 15 | SideEffect { ref.value++ } 16 | println("$msg, recomposition: ${ref.value}") 17 | } -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/chapter4_state/Tutorial4_9_1RememberObserver.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.chapter4_state 2 | 3 | import androidx.compose.foundation.layout.Column 4 | import androidx.compose.foundation.layout.fillMaxSize 5 | import androidx.compose.foundation.layout.fillMaxWidth 6 | import androidx.compose.foundation.layout.padding 7 | import androidx.compose.foundation.rememberScrollState 8 | import androidx.compose.foundation.verticalScroll 9 | import androidx.compose.material.Button 10 | import androidx.compose.material.Text 11 | import androidx.compose.runtime.Composable 12 | import androidx.compose.runtime.RememberObserver 13 | import androidx.compose.runtime.getValue 14 | import androidx.compose.runtime.mutableIntStateOf 15 | import androidx.compose.runtime.mutableStateOf 16 | import androidx.compose.runtime.remember 17 | import androidx.compose.runtime.setValue 18 | import androidx.compose.ui.Modifier 19 | import androidx.compose.ui.tooling.preview.Preview 20 | import androidx.compose.ui.unit.dp 21 | 22 | @Preview 23 | @Composable 24 | fun Tutorial4_9_1Screen() { 25 | TutorialContent() 26 | } 27 | 28 | @Preview 29 | @Composable 30 | private fun TutorialContent() { 31 | 32 | var showSample by remember { 33 | mutableStateOf(false) 34 | } 35 | Column( 36 | modifier = Modifier 37 | .fillMaxSize() 38 | .padding(16.dp) 39 | .verticalScroll(rememberScrollState()) 40 | ) { 41 | 42 | Button(onClick = { showSample = showSample.not() }) { 43 | Text(text = "Show Composable") 44 | } 45 | if (showSample) { 46 | RememberObserverSample() 47 | } 48 | } 49 | } 50 | 51 | @Composable 52 | private fun RememberObserverSample() { 53 | val sampleUiState = remember { 54 | SampleUiState() 55 | } 56 | 57 | Button( 58 | modifier = Modifier.fillMaxWidth(), 59 | onClick = { sampleUiState.counter++ } 60 | ) { 61 | Text(text = "Increase Counter") 62 | } 63 | 64 | Text(text = "Counter: ${sampleUiState.counter}") 65 | } 66 | 67 | 68 | private class SampleUiState : RememberObserver { 69 | 70 | var counter by mutableIntStateOf(0) 71 | 72 | 73 | override fun onAbandoned() { 74 | println("🔥 onAbandoned") 75 | } 76 | 77 | override fun onForgotten() { 78 | println("🏈 onForgotten") 79 | } 80 | 81 | override fun onRemembered() { 82 | println("🔥 onRemembered") 83 | } 84 | 85 | } -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/chapter5_gesture/Tutorial5_9_2NestedScroll1.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.chapter5_gesture 2 | 3 | import androidx.compose.foundation.background 4 | import androidx.compose.foundation.border 5 | import androidx.compose.foundation.layout.Box 6 | import androidx.compose.foundation.layout.Column 7 | import androidx.compose.foundation.layout.fillMaxSize 8 | import androidx.compose.foundation.layout.fillMaxWidth 9 | import androidx.compose.foundation.layout.height 10 | import androidx.compose.foundation.layout.padding 11 | import androidx.compose.foundation.rememberScrollState 12 | import androidx.compose.foundation.verticalScroll 13 | import androidx.compose.material.Text 14 | import androidx.compose.runtime.Composable 15 | import androidx.compose.ui.Alignment 16 | import androidx.compose.ui.Modifier 17 | import androidx.compose.ui.graphics.Brush 18 | import androidx.compose.ui.graphics.Color 19 | import androidx.compose.ui.tooling.preview.Preview 20 | import androidx.compose.ui.unit.dp 21 | import androidx.compose.ui.unit.sp 22 | 23 | @Preview 24 | @Composable 25 | fun Tutorial5_9Screen2() { 26 | TutorialContent() 27 | } 28 | 29 | @Composable 30 | private fun TutorialContent() { 31 | Column(modifier = Modifier.fillMaxSize()) { 32 | DefaultNestedScrollExample() 33 | } 34 | } 35 | 36 | @Composable 37 | private fun DefaultNestedScrollExample() { 38 | 39 | val gradient = Brush.verticalGradient(0f to Color.Gray, 1000f to Color.White) 40 | Box( 41 | modifier = Modifier 42 | .fillMaxWidth() 43 | .background(Color.LightGray) 44 | .verticalScroll(rememberScrollState()) 45 | .padding(32.dp), 46 | contentAlignment = Alignment.TopCenter 47 | ) { 48 | Column { 49 | repeat(12) { 50 | Box( 51 | modifier = Modifier 52 | .height(128.dp) 53 | .verticalScroll(rememberScrollState()) 54 | ) { 55 | Text( 56 | "Scroll here", 57 | fontSize = 16.sp, 58 | modifier = Modifier 59 | .border(12.dp, Color.DarkGray) 60 | .background(brush = gradient) 61 | .padding(24.dp) 62 | .height(180.dp) 63 | ) 64 | } 65 | } 66 | } 67 | } 68 | } -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/chapter5_gesture/gesture/MotionEvent.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.chapter5_gesture.gesture 2 | 3 | enum class MotionEvent { 4 | Idle, Down, Move, Up 5 | } 6 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/chapter6_graphics/Tutorial6_3_1ColorFilter1.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.chapter6_graphics 2 | 3 | import androidx.compose.runtime.Composable 4 | import androidx.compose.ui.tooling.preview.Preview 5 | 6 | @Preview 7 | @Composable 8 | fun Tutorial6_3Screen1() { 9 | TutorialContent() 10 | } 11 | 12 | @Composable 13 | private fun TutorialContent() { 14 | 15 | } -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/chapter6_graphics/Tutorial6_6EditBox.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.chapter6_graphics 2 | 3 | import androidx.compose.foundation.Image 4 | import androidx.compose.foundation.background 5 | import androidx.compose.foundation.layout.Column 6 | import androidx.compose.foundation.layout.Spacer 7 | import androidx.compose.foundation.layout.fillMaxSize 8 | import androidx.compose.foundation.layout.height 9 | import androidx.compose.foundation.layout.padding 10 | import androidx.compose.foundation.layout.size 11 | import androidx.compose.runtime.Composable 12 | import androidx.compose.ui.Modifier 13 | import androidx.compose.ui.graphics.Color 14 | import androidx.compose.ui.layout.ContentScale 15 | import androidx.compose.ui.platform.LocalDensity 16 | import androidx.compose.ui.res.painterResource 17 | import androidx.compose.ui.tooling.preview.Preview 18 | import androidx.compose.ui.unit.dp 19 | import com.smarttoolfactory.tutorial1_1basics.R 20 | import com.smarttoolfactory.tutorial1_1basics.chapter6_graphics.editbox.ScaleEditBox 21 | 22 | @Preview 23 | @Composable 24 | fun Tutorial6_6Screen() { 25 | TutorialContent() 26 | } 27 | 28 | @Composable 29 | private fun TutorialContent() { 30 | Column( 31 | modifier = Modifier 32 | .background(Color(0xff424242)) 33 | .fillMaxSize() 34 | .padding(8.dp) 35 | ) { 36 | // In this example we use a Composable that scales, translates its scope 37 | EditScaleDemo() 38 | } 39 | } 40 | 41 | 42 | @Composable 43 | private fun EditScaleDemo() { 44 | Column( 45 | modifier = Modifier 46 | .background(Color(0xff424242)) 47 | .fillMaxSize() 48 | .padding(8.dp) 49 | ) { 50 | 51 | 52 | Spacer(modifier = Modifier.height(40.dp)) 53 | 54 | 55 | val density = LocalDensity.current 56 | val size = (1000 / density.density).dp 57 | 58 | ScaleEditBox( 59 | modifier = Modifier.size(size), 60 | enabled = true 61 | ) { 62 | Image( 63 | modifier=Modifier.fillMaxSize(), 64 | painter = painterResource(id = R.drawable.landscape3), 65 | contentScale = ContentScale.FillBounds, 66 | contentDescription = "", 67 | ) 68 | } 69 | 70 | Spacer(modifier = Modifier.height(20.dp)) 71 | ScaleEditBox( 72 | handleRadius = 20.dp, 73 | enabled = true 74 | ) { 75 | Image( 76 | painter = painterResource(id = R.drawable.landscape2), 77 | contentScale = ContentScale.FillBounds, 78 | contentDescription = "" 79 | ) 80 | } 81 | 82 | 83 | } 84 | } -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/chapter6_graphics/editbox/DimensionSubcomposeLayout.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.chapter6_graphics.editbox 2 | 3 | import androidx.compose.foundation.layout.Box 4 | import androidx.compose.runtime.Composable 5 | import androidx.compose.ui.Modifier 6 | import androidx.compose.ui.layout.Placeable 7 | import androidx.compose.ui.layout.SubcomposeLayout 8 | import androidx.compose.ui.unit.IntSize 9 | 10 | /** 11 | * [SubcomposeLayout] layouts children like [Box] and returns [IntSize] of this Composable. 12 | * It doesn't layout mainContent because our [mainContent] and [dependentContent] are 13 | * combined as one Composable. We just measure exact size of initial dimensions 14 | * for a Composable to use it inside for setting size of Rectangles for initial bounds 15 | * for instance. 16 | */ 17 | @Composable 18 | internal fun DimensionSubcomposeLayout( 19 | modifier: Modifier = Modifier, 20 | mainContent: @Composable () -> Unit, 21 | dependentContent: @Composable (IntSize) -> Unit 22 | ) { 23 | 24 | SubcomposeLayout(modifier = modifier) { constraints -> 25 | 26 | // Subcompose(compose only a section) main content and get Placeable 27 | val mainPlaceables: List = subcompose(SlotsEnum.Main, mainContent).map { 28 | it.measure(constraints) 29 | } 30 | 31 | // Get max width and height of main component 32 | val maxSize = 33 | mainPlaceables.fold(IntSize.Zero) { currentMax: IntSize, placeable: Placeable -> 34 | IntSize( 35 | width = maxOf(currentMax.width, placeable.width), 36 | height = maxOf(currentMax.height, placeable.height) 37 | ) 38 | } 39 | 40 | layout(maxSize.width, maxSize.height) { 41 | 42 | // Get List from subcompose function then get List and place them 43 | subcompose(SlotsEnum.Dependent) { 44 | dependentContent(maxSize) 45 | }.forEach { 46 | it.measure(constraints).placeRelative(0, 0) 47 | } 48 | } 49 | } 50 | } 51 | 52 | enum class SlotsEnum { Main, Dependent } -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/chapter6_graphics/editbox/TouchRegion.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.chapter6_graphics.editbox 2 | 3 | enum class TouchRegion { 4 | TopLeft, TopRight, BottomLeft, BottomRight, Inside, None 5 | } 6 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/chapter6_graphics/editbox/Util.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.chapter6_graphics.editbox 2 | 3 | import androidx.compose.ui.geometry.Offset 4 | import androidx.compose.ui.geometry.Rect 5 | import androidx.compose.ui.graphics.Color 6 | import androidx.compose.ui.graphics.drawscope.DrawScope 7 | import androidx.compose.ui.graphics.drawscope.Stroke 8 | import androidx.compose.ui.unit.dp 9 | 10 | internal fun getTouchRegion( 11 | position: Offset, 12 | rect: Rect, 13 | threshold: Float 14 | ): TouchRegion { 15 | 16 | // Instead of using square check for power of 2 of threshold 17 | val target2 = threshold*threshold 18 | return when { 19 | 20 | inDistanceSquared( 21 | position, 22 | rect.topLeft, 23 | target2 24 | ) -> TouchRegion.TopLeft 25 | inDistanceSquared( 26 | position, 27 | rect.topRight, 28 | target2 29 | ) -> TouchRegion.TopRight 30 | inDistanceSquared( 31 | position, 32 | rect.bottomLeft, 33 | target2 34 | ) -> TouchRegion.BottomLeft 35 | inDistanceSquared( 36 | position, 37 | rect.bottomRight, 38 | target2 39 | ) -> TouchRegion.BottomRight 40 | rect.contains(offset = position) -> TouchRegion.Inside 41 | else -> TouchRegion.None 42 | } 43 | } 44 | 45 | /** 46 | * Check if [target] which is power of 2 of actual value to not use square to make this 47 | * operation cheaper 48 | */ 49 | internal fun inDistanceSquared(offset1: Offset, offset2: Offset, target: Float): Boolean { 50 | val x1 = offset1.x 51 | val y1 = offset1.y 52 | 53 | val x2 = offset2.x 54 | val y2 = offset2.y 55 | 56 | val distance = ((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1)) 57 | return distance < target 58 | } 59 | 60 | internal fun DrawScope.drawBorderCircle( 61 | radius: Float, 62 | center: Offset 63 | ) { 64 | drawCircle(color = Color.White.copy(alpha = .7f), radius = radius, center = center) 65 | drawCircle(color = Color.White, radius = radius, center = center, style = Stroke(1.dp.toPx())) 66 | } 67 | 68 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/model/Place.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.model 2 | 3 | import androidx.annotation.DrawableRes 4 | import androidx.compose.runtime.Immutable 5 | import com.smarttoolfactory.tutorial1_1basics.R 6 | import kotlin.random.Random 7 | 8 | @Immutable 9 | data class Place( 10 | val id: Long, 11 | val description: String, 12 | @DrawableRes val imgRes: Int, 13 | val rating: Double = Random.nextDouble(0.0, 10.0), 14 | val price: Int = Random.nextInt(500) 15 | ) 16 | 17 | val places = listOf( 18 | Place(1, "Place1", R.drawable.landscape1), 19 | Place(2, "Place2", R.drawable.landscape2), 20 | Place(3, "Place3", R.drawable.landscape3), 21 | Place(4, "Place4", R.drawable.landscape4), 22 | Place(5, "Place5", R.drawable.landscape5), 23 | Place(6, "Place6", R.drawable.landscape6), 24 | Place(7, "Place7", R.drawable.landscape7), 25 | Place(8, "Place8", R.drawable.landscape8), 26 | Place(9, "Place9", R.drawable.landscape9), 27 | Place(10, "Place10", R.drawable.landscape10) 28 | ) -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/model/SuggestionModel.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.model 2 | 3 | data class SuggestionModel(val tag: String) { 4 | val id = tag.hashCode() 5 | } 6 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/model/TopAppbarMenuOverflow.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.model 2 | 3 | import androidx.compose.ui.graphics.vector.ImageVector 4 | 5 | fun separateIntoActionAndOverflow( 6 | items: List, 7 | defaultIconSpace: Int 8 | ): Pair, List> { 9 | 10 | var (alwaysCount, neverCount, ifRoomCount) = Triple(0, 0, 0) 11 | 12 | for (item in items) { 13 | when (item.visibility) { 14 | ActionItemMode.ALWAYS_SHOW -> alwaysCount++ 15 | ActionItemMode.NEVER_SHOW -> neverCount++ 16 | ActionItemMode.IF_ROOM -> ifRoomCount++ 17 | } 18 | } 19 | 20 | val needsOverflow = alwaysCount + ifRoomCount > defaultIconSpace || neverCount > 0 21 | val actionIconSpace = defaultIconSpace - (if (needsOverflow) 1 else 0) 22 | 23 | val actionItems = ArrayList() 24 | val overflowItems = ArrayList() 25 | 26 | var ifRoomsToDisplay = actionIconSpace - alwaysCount 27 | for (item in items) { 28 | when (item.visibility) { 29 | ActionItemMode.ALWAYS_SHOW -> { 30 | actionItems.add(item) 31 | } 32 | ActionItemMode.NEVER_SHOW -> { 33 | overflowItems.add(item) 34 | } 35 | ActionItemMode.IF_ROOM -> { 36 | if (ifRoomsToDisplay > 0) { 37 | actionItems.add(item) 38 | ifRoomsToDisplay-- 39 | } else { 40 | overflowItems.add(item) 41 | } 42 | 43 | } 44 | } 45 | } 46 | return Pair(actionItems, overflowItems) 47 | 48 | } 49 | 50 | // Kind of equivalent to a menu XML entry, except for the onClick lambda 51 | data class ActionItemSpec( 52 | val name: String, 53 | val icon: ImageVector, 54 | val visibility: ActionItemMode = ActionItemMode.IF_ROOM, 55 | val onClick: () -> Unit, 56 | ) 57 | 58 | // Whether to show the action item as an icon or not (or if room) 59 | enum class ActionItemMode { 60 | ALWAYS_SHOW, IF_ROOM, NEVER_SHOW 61 | } -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/model/TutorialSectionModel.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.model 2 | 3 | import androidx.compose.runtime.Composable 4 | import androidx.compose.ui.graphics.Color 5 | import com.smarttoolfactory.tutorial1_1basics.ui.DefaultListColor 6 | 7 | data class TutorialSectionModel( 8 | val title: String, 9 | val action: @Composable (() -> Unit)? = null, 10 | val description: String, 11 | val tags: List = listOf(), 12 | val tagColor: Color = DefaultListColor, 13 | var expanded: Boolean = false 14 | ) 15 | 16 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/ui/Color.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.ui 2 | 3 | import androidx.compose.ui.graphics.Color 4 | 5 | val purple200 = Color(0xFFBB86FC) 6 | val purple500 = Color(0xFF6200EE) 7 | val purple700 = Color(0xFF3700B3) 8 | val teal200 = Color(0xFF03DAC5) 9 | 10 | val Orange400 = Color(0xffFFA726) 11 | val Blue400 = Color(0xff42A5F5) 12 | val Pink400 = Color(0xffEC407A) 13 | val Green400 = Color(0xff66BB6A) 14 | val Red400 = Color(0xffEF5350) 15 | val Yellow400 = Color(0xffFFEE58) 16 | val Purple400 = Color(0xffAB47BC) 17 | val Brown400 = Color(0xff8D6E63) 18 | val BlueGrey400 = Color(0xff78909C) 19 | 20 | val backgroundColor = Color(0xffECEFF1) 21 | 22 | 23 | val DefaultListColor = Color(0xff00BCD4) 24 | val LayoutListColor = Color(0xffFFEB3B) 25 | val StateListColor = Color(0xffE91E63) 26 | val GestureListColor = Color(0xff8BC34A) 27 | val GraphicsListColor = Color(0xffFF9800) 28 | 29 | val SentMessageColor = Color(0xffE7FFDB) 30 | val SentQuoteColor = Color(0xffDEF6D3) 31 | val ReceivedQuoteColor = Color(0xffECEFF1) 32 | val QuoteTextColor = Color(0xff757575) 33 | val RecipientAltNameColor = Color(0xff757575) 34 | 35 | val gradientColors = listOf( 36 | Color.Red, 37 | Color.Magenta, 38 | Color.Blue, 39 | Color.Cyan, 40 | Color.Green, 41 | Color.Yellow, 42 | Color.Red 43 | ) 44 | 45 | val gradientColorsReversed = listOf( 46 | Color.Red, 47 | Color.Yellow, 48 | Color.Green, 49 | Color.Cyan, 50 | Color.Blue, 51 | Color.Magenta, 52 | Color.Red 53 | ) 54 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/ui/IconButton.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.ui 2 | 3 | import android.content.res.Configuration 4 | import androidx.compose.foundation.Indication 5 | import androidx.compose.foundation.clickable 6 | import androidx.compose.foundation.interaction.MutableInteractionSource 7 | import androidx.compose.foundation.layout.Box 8 | import androidx.compose.material.ContentAlpha 9 | import androidx.compose.material.Icon 10 | import androidx.compose.material.LocalContentAlpha 11 | import androidx.compose.material.icons.Icons 12 | import androidx.compose.material.icons.filled.CameraAlt 13 | import androidx.compose.material.ripple 14 | import androidx.compose.runtime.Composable 15 | import androidx.compose.runtime.CompositionLocalProvider 16 | import androidx.compose.runtime.remember 17 | import androidx.compose.ui.Alignment 18 | import androidx.compose.ui.Modifier 19 | import androidx.compose.ui.semantics.Role 20 | import androidx.compose.ui.tooling.preview.Devices 21 | import androidx.compose.ui.tooling.preview.Preview 22 | import androidx.compose.ui.unit.dp 23 | 24 | // Default radius of an unbounded ripple in an IconButton 25 | private val RippleRadius = 24.dp 26 | 27 | /** 28 | * Icon Button with adjustable indication option. Indication of standard [IconButton] cannot 29 | * be changed thus making it have bigger radius than necessary in some cases. 30 | */ 31 | @Composable 32 | fun IndicatingIconButton( 33 | onClick: () -> Unit, 34 | modifier: Modifier = Modifier, 35 | enabled: Boolean = true, 36 | interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, 37 | indication: Indication = ripple(bounded = false, radius = RippleRadius), 38 | content: @Composable () -> Unit, 39 | ) { 40 | 41 | Box( 42 | modifier = modifier 43 | .clickable( 44 | onClick = onClick, 45 | enabled = enabled, 46 | role = Role.Button, 47 | interactionSource = interactionSource, 48 | indication = indication 49 | ), 50 | contentAlignment = Alignment.Center 51 | ) { 52 | val contentAlpha = if (enabled) LocalContentAlpha.current else ContentAlpha.disabled 53 | CompositionLocalProvider(LocalContentAlpha provides contentAlpha, content = content) 54 | } 55 | } 56 | 57 | @Preview 58 | @Preview("dark", uiMode = Configuration.UI_MODE_NIGHT_YES) 59 | @Preview(device = Devices.PIXEL_C) 60 | @Composable 61 | private fun IndicatingIconButtonPreview() { 62 | IndicatingIconButton(onClick = {}) { 63 | Icon( 64 | imageVector = Icons.Filled.CameraAlt, 65 | contentDescription = "camera" 66 | ) 67 | } 68 | } 69 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/ui/Shape.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.ui 2 | 3 | import androidx.compose.foundation.shape.RoundedCornerShape 4 | import androidx.compose.material.Shapes 5 | import androidx.compose.ui.unit.dp 6 | 7 | val shapes = Shapes( 8 | small = RoundedCornerShape(4.dp), 9 | medium = RoundedCornerShape(4.dp), 10 | large = RoundedCornerShape(0.dp) 11 | ) 12 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/ui/Theme.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.ui 2 | 3 | import androidx.compose.foundation.isSystemInDarkTheme 4 | import androidx.compose.material.MaterialTheme 5 | import androidx.compose.material.darkColors 6 | import androidx.compose.material.lightColors 7 | import androidx.compose.runtime.Composable 8 | import androidx.compose.runtime.SideEffect 9 | import androidx.compose.ui.graphics.Color 10 | import com.google.accompanist.systemuicontroller.rememberSystemUiController 11 | 12 | private val DarkColorPalette = darkColors( 13 | primary = purple200, 14 | secondary = teal200, 15 | primaryVariant = purple700, 16 | error = Color(0xFFB3261E), 17 | background = Color(0xFF1C1B1F), 18 | surface = Color(0xFF201F24), 19 | onPrimary = Color.Black, 20 | onSecondary = Color.White, 21 | onBackground = Color(0xFFE6E1E5), 22 | onSurface = Color(0xFFE6E1E5), 23 | onError = Color.White 24 | ) 25 | 26 | private val LightColorPalette = lightColors( 27 | primary = purple500, 28 | primaryVariant = purple700, 29 | secondary = teal200, 30 | background = Color.White, 31 | surface = Color.White, 32 | onPrimary = Color.White, 33 | onSecondary = Color.Black, 34 | onBackground = Color.Black, 35 | onSurface = Color.Black, 36 | ) 37 | 38 | @Composable 39 | fun ComposeTutorialsTheme( 40 | darkTheme: Boolean = isSystemInDarkTheme(), 41 | content: @Composable () -> Unit 42 | ) { 43 | val colors = if (darkTheme) { 44 | DarkColorPalette 45 | } else { 46 | LightColorPalette 47 | } 48 | 49 | val sysUiController = rememberSystemUiController() 50 | SideEffect { 51 | sysUiController.setSystemBarsColor( 52 | color = colors.surface.copy(.5f) 53 | ) 54 | } 55 | 56 | MaterialTheme( 57 | colors = colors, 58 | typography = typography, 59 | shapes = shapes, 60 | content = content 61 | ) 62 | } -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/ui/Type.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.ui 2 | 3 | import androidx.compose.material.Typography 4 | import androidx.compose.ui.text.TextStyle 5 | import androidx.compose.ui.text.font.FontFamily 6 | import androidx.compose.ui.text.font.FontWeight 7 | import androidx.compose.ui.unit.sp 8 | 9 | // Set of Material typography styles to start with 10 | val typography = Typography( 11 | body1 = TextStyle( 12 | fontFamily = FontFamily.Default, 13 | fontWeight = FontWeight.Normal, 14 | fontSize = 16.sp 15 | ) 16 | /* Other default text styles to override 17 | button = TextStyle( 18 | fontFamily = FontFamily.Default, 19 | fontWeight = FontWeight.W500, 20 | fontSize = 14.sp 21 | ), 22 | caption = TextStyle( 23 | fontFamily = FontFamily.Default, 24 | fontWeight = FontWeight.Normal, 25 | fontSize = 12.sp 26 | ) 27 | */ 28 | ) -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/ui/components/DrawerButton.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.ui.components 2 | 3 | import androidx.compose.foundation.Image 4 | import androidx.compose.foundation.layout.* 5 | import androidx.compose.material.MaterialTheme 6 | import androidx.compose.material.Surface 7 | import androidx.compose.material.Text 8 | import androidx.compose.material.TextButton 9 | import androidx.compose.runtime.Composable 10 | import androidx.compose.ui.Alignment 11 | import androidx.compose.ui.Modifier 12 | import androidx.compose.ui.graphics.Color 13 | import androidx.compose.ui.graphics.ColorFilter 14 | import androidx.compose.ui.graphics.vector.ImageVector 15 | import androidx.compose.ui.text.font.FontWeight 16 | import androidx.compose.ui.unit.dp 17 | 18 | /** 19 | * Button for ModalDrawer or BottomDrawer menu items 20 | */ 21 | @Composable 22 | fun DrawerButton( 23 | icon: ImageVector, 24 | label: String, 25 | isSelected: Boolean, 26 | action: () -> Unit, 27 | modifier: Modifier = Modifier 28 | ) { 29 | val colors = MaterialTheme.colors 30 | val imageAlpha = if (isSelected) { 31 | 1f 32 | } else { 33 | 0.8f 34 | } 35 | val textIconColor = if (isSelected) { 36 | colors.primary 37 | } else { 38 | colors.onSurface.copy(alpha = 0.9f) 39 | } 40 | val backgroundColor = if (isSelected) { 41 | colors.primary.copy(alpha = 0.12f) 42 | } else { 43 | Color.Transparent 44 | } 45 | 46 | val surfaceModifier = modifier 47 | .padding(start = 8.dp, top = 8.dp, end = 8.dp) 48 | .fillMaxWidth() 49 | Surface( 50 | modifier = surfaceModifier, 51 | color = backgroundColor, 52 | shape = MaterialTheme.shapes.small 53 | ) { 54 | TextButton( 55 | onClick = action, 56 | modifier = Modifier.fillMaxWidth() 57 | ) { 58 | Row( 59 | horizontalArrangement = Arrangement.Start, 60 | verticalAlignment = Alignment.CenterVertically, 61 | modifier = Modifier.fillMaxWidth() 62 | ) { 63 | Image( 64 | imageVector = icon, 65 | contentDescription = null, // decorative 66 | colorFilter = ColorFilter.tint(textIconColor), 67 | alpha = imageAlpha 68 | ) 69 | Spacer(Modifier.width(16.dp)) 70 | Text( 71 | fontWeight = FontWeight.Bold, 72 | text = label, 73 | style = MaterialTheme.typography.body2, 74 | color = textIconColor 75 | ) 76 | } 77 | } 78 | } 79 | } -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/ui/components/RandomColor.kt: -------------------------------------------------------------------------------- 1 | package com.smarttoolfactory.tutorial1_1basics.ui.components 2 | 3 | import androidx.compose.ui.graphics.Color 4 | import kotlin.random.Random 5 | 6 | fun getRandomColor() = Color( 7 | red = Random.nextInt(256), 8 | green = Random.nextInt(256), 9 | blue = Random.nextInt(256), 10 | alpha = 255 11 | ) -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable-nodpi/drawer_bg.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable-nodpi/drawer_bg.jpeg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable-nodpi/drawer_bg2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable-nodpi/drawer_bg2.jpeg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable-nodpi/landscape11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable-nodpi/landscape11.jpg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable-nodpi/placeholder.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable-nodpi/placeholder.jpg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable-nodpi/under_construction.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable-nodpi/under_construction.jpg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable-v24/ic_launcher_foreground.xml: -------------------------------------------------------------------------------- 1 | 7 | 8 | 9 | 15 | 18 | 21 | 22 | 23 | 24 | 30 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/avatar_1_raster.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/avatar_1_raster.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/avatar_2_raster.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/avatar_2_raster.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/avatar_3_raster.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/avatar_3_raster.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/avatar_4_raster.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/avatar_4_raster.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/avatar_5_raster.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/avatar_5_raster.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/avatar_6_raster.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/avatar_6_raster.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/composite_dst.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/composite_dst.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/composite_src.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/composite_src.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/cupcake.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/cupcake.jpg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/dest.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/dest.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/donut.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/donut.jpeg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/dots_transparent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/dots_transparent.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/eclair.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/eclair.jpeg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/froyo.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/froyo.jpeg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/gingerbread.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/gingerbread.jpg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/honeycomb.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/honeycomb.jpg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/ic_baseline_deblur_24.xml: -------------------------------------------------------------------------------- 1 | 7 | 10 | 13 | 16 | 19 | 22 | 25 | 28 | 31 | 34 | 37 | 40 | 43 | 46 | 47 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/ic_baseline_location_on_48.xml: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/ic_baseline_star_12.xml: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/ic_eraser_black_24dp.xml: -------------------------------------------------------------------------------- 1 | 6 | 9 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/ic_launcher_foreground.xml: -------------------------------------------------------------------------------- 1 | 7 | 8 | 9 | 15 | 18 | 21 | 22 | 23 | 24 | 30 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/image_before_after_shoes_a.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/image_before_after_shoes_a.jpeg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/image_before_after_shoes_b.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/image_before_after_shoes_b.jpeg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/landscape1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/landscape1.jpg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/landscape10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/landscape10.jpg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/landscape2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/landscape2.jpg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/landscape3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/landscape3.jpg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/landscape4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/landscape4.jpg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/landscape5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/landscape5.jpg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/landscape6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/landscape6.jpg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/landscape7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/landscape7.jpg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/landscape8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/landscape8.jpg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/landscape9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/landscape9.jpg -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/source.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/source.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/tg_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/drawable/tg_icon.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/tip.xml: -------------------------------------------------------------------------------- 1 | 6 | 9 | 10 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/vd_account_active.xml: -------------------------------------------------------------------------------- 1 | 7 | 10 | 11 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/vd_account_outlined.xml: -------------------------------------------------------------------------------- 1 | 7 | 10 | 11 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/vd_activity1_1heart.xml: -------------------------------------------------------------------------------- 1 | 7 | 10 | 11 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/vd_clock_stopwatch.xml: -------------------------------------------------------------------------------- 1 | 8 | 12 | 16 | 17 | 22 | 23 | 24 | 25 | 29 | 33 | 38 | 39 | 40 | 44 | 48 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/vd_dashboard_active.xml: -------------------------------------------------------------------------------- 1 | 7 | 10 | 11 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/vd_dashboard_outlined.xml: -------------------------------------------------------------------------------- 1 | 7 | 10 | 11 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/vd_heart_empty.xml: -------------------------------------------------------------------------------- 1 | 7 | 8 | 13 | 14 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/vd_heart_filled.xml: -------------------------------------------------------------------------------- 1 | 7 | 13 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/vd_home_active.xml: -------------------------------------------------------------------------------- 1 | 7 | 10 | 11 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/vd_home_outlined.xml: -------------------------------------------------------------------------------- 1 | 7 | 10 | 11 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/vd_notification_active.xml: -------------------------------------------------------------------------------- 1 | 7 | 10 | 11 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/vd_notification_outlined.xml: -------------------------------------------------------------------------------- 1 | 7 | 10 | 11 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/drawable/vd_profile.xml: -------------------------------------------------------------------------------- 1 | 7 | 11 | 15 | 16 | 21 | 25 | 26 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/mipmap-anydpi-v26/ic_launcher.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/mipmap-hdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/mipmap-hdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/mipmap-mdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/mipmap-mdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/mipmap-xhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/mipmap-xhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/mipmap-xxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/mipmap-xxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SmartToolFactory/Jetpack-Compose-Tutorials/29f84457195aa2adb237065c96ea89aee3e3a75a/Tutorial1-1Basics/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/values-night/themes.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 10 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #FFBB86FC 4 | #FF6200EE 5 | #FF3700B3 6 | #FF03DAC5 7 | #FF018786 8 | #FF000000 9 | #FFFFFFFF 10 | -------------------------------------------------------------------------------- /Tutorial1-1Basics/src/main/res/values/themes.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 13 | 14 | 18 | 19 |