Forem: katz

Release Android Mirroring Tool ScrcpyHub v2.0.0

katz — Sun, 26 Mar 2023 12:16:18 +0000

This article has been automatically translated from Japanese to English using ChatGPT.
https://qiita.com/kaleidot725/items/3c7cf8d01729f1c1b2a8

Introduction

ScrcpyHub is a GUI application for mirroring Android screens. ScrcpyHub is actively being developed at the following GitHub repository, so please feel free to contribute and star the project:

https://github.com/kaleidot725/ScrcpyHub

ScrcpyHub is built using the scrcpy command tool:

https://github.com/Genymobile/scrcpy

Features

ScrcpyHub supports the following features:

Automatic detection of connected Android devices
Starting and stopping Android device mirroring
Recording Android device screens
Capturing Android device screenshots
Compatibility with Windows 10/11, macOS, and Linux
Switching between light and dark themes
NEW v2.0.0 Audio option support
NEW v2.0.0 Device option support
NEW v2.0.0 HID keyboard and mouse option support

With ScrcpyHub, you can control Android device mirroring like this:

NEW v2.0.0 Audio Option Support

Starting from scrcpy v2.0.0, audio mirroring is possible on Android 11 and above. Therefore, ScrcpyHub v2.0.0 now supports the following audio options:

Item	Description
No Audio	Disable audio mirroring
Bitrate(Kbps)	Specify the bitrate for audio mirroring
Buffering(ms)	Specify the buffering time for audio mirroring

NEW v2.0.0 Device Option Support

ScrcpyHub did not support scrcpy's device-related options. Starting from v2.0.0, ScrcpyHub now supports the following scrcpy device options:

Item	Description
Stay Awake	Prevent the Android device from entering sleep mode
Show touches	Display touch locations on the Android device
Enable power off on stop	Turn off the device when mirroring stops
Disable power on on start	Prevent the device from turning on when mirroring starts

NEW v2.0.0 HID Keyboard and Mouse Options Now Supported

In ScrcpyHub, HID options for scrcpy were not available. As of v2.0.0, the following HID options for scrcpy are now supported:

Item	Description
Keyboard Simulation	Start the simulation as if a keyboard is connected to the Android device
Mouse Simulation	Start the simulation as if a mouse is connected to the Android device

Installation Instructions

To use ScrcpyHub, you need to install adb and scrcpy commands. The installation steps vary depending on the OS, so please follow the instructions below for your specific system.

💻Windows 10/11

Download and install scrcpy(v2.0.0+) from GitHub to any location
Install and launch ScrcpyHub from GitHub
Open ScrcpyHub Preferences
Set the paths for adb and scrcpy, and press Save

💻MacOS

Install android-platform-tools and scrcpy(v2.0.0+) using the brew command
Install and launch ScrcpyHub from GitHub
Open ScrcpyHub Preferences
Set the paths for adb and scrcpy, and press Save

otherCopy code
brew install android-platform-tools
brew install scrcpy

Contact

ScrcpyHub is actively being developed in the repository below. If you have any suggestions for improvements or encounter any issues, please feel free to contact us.

https://github.com/kaleidot725/ScrcpyHub

Start creating simple text editor library for Jetpack Compose

katz — Mon, 27 Jun 2022 01:19:54 +0000

Introduction

I usually use a Craft, and Craft’s text editor has a great writing feel and I have no complaints, so I thought I want a Craft-like text editor for Jetpack Compose.

Craft - The Future of Documents

so I started creating a library called text-editor-compose.

GitHub - kaleidot725/text-editor-compose: A simple text editor library for Jetpack Compose

Features

text-editor-compose has features as below.

Edit text

Edit the text on each line, add and delete text as follows.

Line break

Insert line breaks or delete line breaks.

Line number

Display line numbers.

Selected line

Display the selected line.

Roadmap

Multiple line selection

Copy and delete are not supported for multiple lines. So I’m planning to add a multiple line selection

Physical Keyboard

Physical keyboard is not supported. So I’m planning to add physical keyboard support.

Usage

This library is easy to use, just follow the steps below to add a dependency and write codes.

Step 1: Add the JitPack repository to build.gradle

allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}

Step 2: Add the library to the dependencies

dependencies {
    implementation 'com.github.kaleidot725:text-editor-compose:0.1.0'
}

Step 3: Declare TextEditor & TextEditorState

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            SampleTheme {
                val textEditorState by rememberTextEditorState(lines = DemoText.lines())
                TextEditor(
                    textEditorState = textEditorState, 
                    onUpdatedState = { },              
                    modifier = Modifier.fillMaxSize() 
                )
            }
        }
    }
}

Step 4: Customize what each row displays

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            SampleTheme {
                val textEditorState by rememberTextEditorState(lines = DemoText.lines())
                TextEditor(
                    textEditorState = textEditorState,
                    onUpdatedState = { },
                    modifier = Modifier.fillMaxSize(),
                    decorationBox = { index, isSelected, innerTextField ->
                        val backgroundColor = if (isSelected) Color(0x8000ff00) else Color.White           
　　　　　　　　　　　　　　 Row(modifier = Modifier.background(backgroundColor)) {
                            Text(text = (index + 1).toString().padStart(3, '0'))
                            Spacer(modifier = Modifier.width(4.dp))
                            innerTextField(modifier = Modifier.fillMaxWidth())
                        }
                    }
                )
            }
        }
    }
}

Conclusion

text-eiditor-compose has implemented minimum features. I’m planning to add new features.

GitHub - kaleidot725/text-editor-compose: A simple text editor library for Jetpack Compose

Android Mirroring Tool : Release ScrcpyHub v1.6.0

katz — Sat, 19 Mar 2022 01:44:14 +0000

Introduction

ScrcpyHub is a GUI application to mirror android screen. ScrcpyHub use scrcpy. scrcpy is a mirroring android command tool.

https://github.com/kaleidot725/ScrcpyHub

Features

ScrcpyHub assists in multiple device mirroring. ScrcpyHub makes it easy to do multiple device mirroring.

Support Windows10/11 or macOS or Linux.
Support light theme and dark theme. 🖼️
Control mirroing (Start / Stop). 🪞
Mirror multi android device. 📱
Save Screenshot. 📸
Record Movie. 🎥
Support Tary Menu. 📥
v1.6.0 New Feature : Support max fps option.
v1.6.0 New Feature : Support bitrate option.

v1.6.0 New Feature : Support max fps and bitrate option

Support max fps and birate option. You can change movie quality to modify max fps and bitrate option.

v1.6.0.mp4

How to Use

Install

Install adb and scrcpy, ScrcpyHub.

💻 Windows 10 / 11

Download here and install scrcpy somewhere.
Download here and launch ScrcpyHub.
Open ScrcpyHub Preferences.
Input adb and scrcpy location, save settings.

💻 Linux(Ubuntu)

Download here and install scrcpy somewhere.
Download here and install ScrcpHub.

sudo dpkg -i scrcpyhub_1.5.0_amd64.deb

Launch ScrcpyHub, open Preferences.

/opt/scrcpyhub/bin/ScrcpyHub

Input adb and scrcpy location, save settings.

💻 Mac OS

Install android-platform-tools and scrcpy.
Download here and launch ScrcpyHub.
Open ScrcpyHub Preferences.
Input adb and scrcpy location, save settings.

brew install android-platform-tools
brew install scrcpy

🔥Contact

We are working on the development here. If you have any suggestions for improvement, please contact us.

Implementing Jetpack Compose + Orbit MVI

katz — Thu, 10 Feb 2022 18:07:29 +0000

I created a Pokémon Libary application with Jetpack Compose + Orbit MVI. Orbit MVI is easy to use, try it.

Link

This Sample Source Code

https://github.com/kaleidot725/PokemonLibraryWithJetpackCompose

About Jetpack Compose

https://developer.android.com/jetpack/compose

About Orbit MVI

https://orbit-mvi.org

Feature

Manage Pokémon data.
Display multiple Pokémon in a list.
Display a Pokémon details.

Architecture

This application architecture is based on the MVVM + Repository pattern. But the view state management use MVI, because introduced Jetpack Compose and Orbit MVI.

Module

This application consists of a multi-module structure. There are three modules, and each module plays the role described in the figure below.

Name	Content
App	Store View and ViewModel to manage view state.
Domain	Store UseCase to process business logic.
Data	Store Repository and Dao to manage Pokémon database.

Library

This application is created by the library in the bottom figures.

Name	Link
Koin	https://insert-koin.io
Jetpack Compose	https://developer.android.com/jetpack/compose
Navigation Compose	https://developer.android.com/jetpack/compose/navigation
Orbit MVI	https://orbit-mvi.org
Coil	https://coil-kt.github.io/coil/
Room	https://developer.android.com/training/data-storage/room?hl=ja
Kotlin-Serialiazation	https://github.com/Kotlin/kotlinx.serialization
PokemonGO-Pokedex	https://github.com/Biuni/PokemonGO-Pokedex

Data Flow for UI (UI State Managment)

This application data flow is undirectional, as shown in the bottom figures.

MVI View sends Action(intent) to MVI Model.
MVI Model executes UseCase when received Action
UseCase accesses to Repository to get Pokémon Data.
UseCase returns Pokémon Data to MVI Model.
MVI Model creates new state from Pokémon Data.
MVI Model sends created new states or new events to MVI View.

This application data flow is implmented by Orbit MVI. (For more information on how to create an MVI View or MVI Model using Orbit MVI, please check here.)

MVI Model

data class InitState(
    val status: UiStatus? = null
)

sealed class InitSideEffect {
    object Completed : InitSideEffect()
}

class InitViewModel(
    private val fetchAllPokemonUseCase: FetchAllPokemonUseCase
) : ContainerHost<InitState, InitSideEffect>, ViewModel() {
    override val container = container<InitState, InitSideEffect>(
        InitState()
    )

    init {
        fetchData()
    }

    fun retry() {
        if (container.stateFlow.value.status != UiStatus.Loading) {
            fetchData()
        }
    }

    private fun fetchData() {
        intent {
            reduce { state.copy(status = UiStatus.Loading) }
            if (fetchAllPokemonUseCase()) {
                reduce { state.copy(status = UiStatus.Success) }
                postSideEffect(InitSideEffect.Completed)
            } else {
                reduce { state.copy(status = UiStatus.Failed()) }
            }
        }
    }
}

MVI View

@Composable
fun InitPage(
    viewModel: InitViewModel,
    onCompleted: () -> Unit
) {
    val state by viewModel.container.stateFlow.collectAsState()

    LaunchedEffect(viewModel) {
        viewModel.container.sideEffectFlow.collect {
            when (it) {
                is InitSideEffect.Completed -> onCompleted()
            }
        }
    }

    Scaffold {
        Box(modifier = Modifier.fillMaxSize()) {
            when (state.status) {
                UiStatus.Loading -> {
                    DownloadingMessage(
                        modifier = Modifier
                            .wrapContentSize()
                            .align(Alignment.Center)
                    )
                }
                is UiStatus.Failed -> {
                    DownloadRetryMessage(
                        onRetry = { viewModel.retry() },
                        modifier = Modifier
                            .wrapContentSize()
                            .align(Alignment.Center)
                    )
                }
                UiStatus.Success -> Unit
            }
        }
    }
}

References

Android Mirroring Tool : Release ScrcpyHub v1.5.0

katz — Wed, 19 Jan 2022 12:02:14 +0000

Introduction

ScrcpyHub is a GUI application to mirror android screen. ScrcpyHub use scrcpy. scrcpy is a mirroring android command tool.

https://github.com/kaleidot725/ScrcpyHub

Features

ScrcpyHub assists in multiple device mirroring. ScrcpyHub makes it easy to do multiple device mirroring.

Support Windows10/11 or macOS
Support light theme and dark theme. 🖼️
Control mirroing (Start / Stop). 🪞
Mirror multi android device. 📱
Save Screenshot. 📸
Record Movie. 🎥
Support Tary Menu. 📥
NEW FEATURE v1.5.0 :Support Linux. 🖥️

v1.5.0 New Feature : Support Linux

Support for Linux has been added in v1.5.0. Now you can use ScrcpyHub on Windows, macOS, and Linux desktop OS.

How to Use

Install

Install adb and scrcpy, ScrcpyHub.

💻 Windows 10 / 11

Download here and install scrcpy somewhere.
Download here and launch ScrcpyHub.
Open ScrcpyHub Preferences.
Input adb and scrcpy location, save settings.

💻 Linux(Ubuntu)

Download here and install scrcpy somewhere.
Download here and install ScrcpHub.

sudo dpkg -i scrcpyhub_1.5.0_amd64.deb

Launch ScrcpyHub, open Preferences.

/opt/scrcpyhub/bin/ScrcpyHub

Input adb and scrcpy location, save settings.

💻 Mac OS

Install android-platform-tools and scrcpy.
Download here and launch ScrcpyHub.
Open ScrcpyHub Preferences.
Input adb and scrcpy location, save settings.

brew install android-platform-tools
brew install scrcpy

🔥Contact

We are working on the development here. If you have any suggestions for improvement, please contact us.

Android Mirroring Tool : Release ScrcpyHub v1.4.0

katz — Thu, 13 Jan 2022 07:57:30 +0000

Introduction

ScrcpyHub is a GUI application to use scrcpy.

https://github.com/kaleidot725/ScrcpyHub

Motivation

scrcpy is an Android device screen mirroring command tool. scrcpy is a useful command tool, but multiple device mirroring is so difficult and bother.

1.Get android device using adb command.
2.Execute scrcpy command using -s option.

Features

ScrcpyHub assists in multiple device mirroring. ScrcpyHub makes it easy to do multiple device mirroring.

Support Windows10 / 11 or macOS.
Detect android device.
Control mirroing (Start / Stop).
Save Screenshot.
Support Tary Menu.
Record Movie.
v1.4.0 NEW Feature : Modify light and dark theme.

v1.4.0 New Feature : Modify light and dark theme

v1.4.0 support modifying light and dark theme. You toggle lignt and dark theme. Try it.

How to Use

Install

Install adb and scrcpy, ScrcpyHub.

Mac OS

1.Install android-platform-tools and scrcpy.
2.Download here and launch ScrcpyHub.
3.Open ScrcpyHub Preferences.
4.Input adb and scrcpy location, save settings.

brew install android-platform-tools
brew install scrcpy

Windows 10 / 11

1.Download here and install scrcpy somewhere.
2.Download here and launch ScrcpyHub.
3.Open ScrcpyHub Preferences.
4.Input adb and scrcpy location, save settings.

Contact

We are working on the development here. If you have any suggestions for improvement, please contact us.

Release ScrcpyHub v1.3.0

katz — Wed, 29 Dec 2021 17:56:21 +0000

Introduction

ScrcpyHub is a GUI application to use scrcpy.

https://github.com/kaleidot725/ScrcpyHub

Motivation

scrcpy is an Android device screen mirroring command tool.　scrcpy is a useful command tool, but multiple device mirroring is so difficult and bother.

Get android device using adb command.
Execute scrcpy command using -s option.

Features

ScrcpyHub assists in multiple device mirroring. ScrcpyHub makes it easy to do multiple device mirroring.

Support Windows10 / 11 or macOS.
Detect android device.
Control mirroing (Start / Stop).
Save Screenshot.
Support Tary Menu.
v1.3.0 NEW Feature : Record Movie.

New Feature : Record Movie

v1.3.0 support recording movie. You record easily movie with your Android Device. Try it.

How to Use

Install

Install adb and scrcpy, ScrcpyHub.

💻 Mac OS

Install android-platform-tools and scrcpy.
Download here and launch ScrcpyHub.
Open ScrcpyHub Preferences.
Input adb and scrcpy location, save settings.

brew install android-platform-tools
brew install scrcpy

💻 Windows 10 / 11

Download here and install scrcpy somewhere.
Download here and launch ScrcpyHub.
Open ScrcpyHub Preferences.
Input adb and scrcpy location, save settings.

🔥Contact

We are working on the development here. If you have any suggestions for improvement, please contact us.