Life Log

@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    var text by remember { mutableStateOf(name) }

    Box(modifier = Modifier.fillMaxWidth().fillMaxHeight(),
        contentAlignment = Alignment.Center
    ) {
        OutlinedTextField(
            //현재 입력된 텍스트 값
            value = text,
            //텍스트가 바뀔 때 마다 실행되는 람다
            onValueChange = { text = it },
            //입력창 위에 표시되는 라벨 텍스트
            label = { Text("이름") },
            //입력 전 회색 안내 텍스트 (EditText: hint)
            placeholder = { Text("이름을 입력 해 주세요.") },
            //왼쪽에 아이콘 추가
            leadingIcon = { Icon(Icons.Default.Person, contentDescription = null)},
            //오른쪽에 아이콘 추가
            trailingIcon = {
                if (text.isNotEmpty()) {
                    IconButton(onClick = { text = ""}) {
                        Icon(Icons.Default.Close, contentDescription = "Clear")
                    }
                }
            },
            //에러 상태 여부
            isError = text.isEmpty(),
            //한 줄 입력만 가능
            singleLine = true,
            //테두리 모양 (라운드 설정)
            shape = RoundedCornerShape(4.dp),
            //텍스트 스타일 지정
            textStyle = TextStyle(fontSize = 16.sp, color = Color.Black),
            // 색상 커스터마이징
            colors = OutlinedTextFieldDefaults.colors(
                // 포커스 있을 때 테두리 색
                focusedBorderColor = Color.Blue,
                // 포커스 없을 때 테두리 색
                unfocusedBorderColor = Color.Gray,
                // 에러 상태일 때 테두리 색
                errorBorderColor = Color.Red,
                // 커서 색상
                cursorColor = Color.Blue
            ),
            modifier = Modifier.fillMaxWidth().padding(horizontal = 16.dp)
        )
    }
}

@SuppressLint("SetJavaScriptEnabled")
private fun webViewSetting(webView: WebView) {

    val webSettings = webView.settings

    webSettings.apply {
        //기본 설정
        
        //자바 스크립트 사용 허용
        javaScriptEnabled = true   
        //컨텐츠 크기에 맞게 화면 맞춤
        loadWithOverviewMode = true 
        //뷰 포트 설정
        useWideViewPort = true  
        //DOM저장소 사용
        domStorageEnabled = true    
        //파일 접근 허용
        allowFileAccess = true  
        //자바 스크립트로 새 창 열기 허용
        javaScriptCanOpenWindowsAutomatically = true  
        //멀티 윈도우 지원
        setSupportMultipleWindows(true) 
        //file://로 로드된 로컬HTML파일이 다른 로컬파일에 접근 할 수 있게 허용
        allowFileAccessFromFileURLs = true  
        //캐시 사용 기본 설정
        cacheMode = WebSettings.LOAD_DEFAULT    
        //웹 페이지의 텍스트와 레이아웃을 어떻게 배치 할지 설정
        layoutAlgorithm = WebSettings.LayoutAlgorithm.NARROW_COLUMNS   
        //플러그인 자동 실행 여부
        pluginState = WebSettings.PluginState.ON    
        //HTTPS페이지 안에서 HTTP콘텐츠 허용 여부
        mixedContentMode = WebSettings.MIXED_CONTENT_ALWAYS_ALLOW   
        //비디오나 오디오 자동 재생 여부 (false가 자동 재생 허용)
        mediaPlaybackRequiresUserGesture = false    
        //웹 콘텐츠를 Chrome개발자 도구로 디버깅 할 수 있게 해주는 설정(inspect)
        WebView.setWebContentsDebuggingEnabled(false)  

	//웹페이지의 이미지를 자동으로 불러올지 여부를 설정
        loadsImagesAutomatically = true 
        //웹 페이지의 기본 문자 인코딩 방식 지정
        defaultTextEncodingName = "utf-8"   
        
        //줌 관련
        //줌 기능 허용
        setSupportZoom(true)  
        //줌 컨트롤 사용
        builtInZoomControls = true  
        //줌 컨트롤 UI숨김
        displayZoomControls = false 
    }

}

private fun setScrollBarDisable(webView: WebView) {
    webView.apply {
    	//수직 스크롤바 노출 여부
        isVerticalScrollBarEnabled = false  
        //수직 스크롤바 웹뷰 내용 위에 겹쳐서 표시 노출 여부
        setVerticalScrollbarOverlay(false) 
        //수평 스크롤 바 노출 여부
        isHorizontalScrollBarEnabled = false   
        //수평 스크롤바 웹뷰 내용 위에 겹쳐서 노출 여부
        setHorizontalScrollbarOverlay(false)    
    }
}

layout_constraintHorizontal_chainStyle	//체인 스타일을 수평으로 설정
layout_constraintVertical_chainStyle	//체인 스타일을 수직으로 설정

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/box1"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:background="@color/black"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/box2"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

        <ImageView
            android:id="@+id/box2"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:background="#894753"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toStartOf="@+id/box3"
            app:layout_constraintStart_toEndOf="@+id/box1"
            app:layout_constraintTop_toTopOf="parent" />

    <ImageView
        android:id="@+id/box3"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:background="#385203"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/box2"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/box1"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:background="@color/black"
        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/box2"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <ImageView
        android:id="@+id/box2"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:background="#894753"
        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/box3"
        app:layout_constraintStart_toEndOf="@+id/box1"
        app:layout_constraintTop_toTopOf="parent" />

    <ImageView
        android:id="@+id/box3"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:background="#385203"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/box2"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>