inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[LV1] Jetpack Compose - UI 연습하기

Graph - 2

colorList 에서 빨간줄이 ...

230

shafeel2

작성한 질문수 67

0

언제나 수고많으신 강사님

늘 건강하시고 부자되세요

실행 후 아래와 같은 오류가 발생합니다

 

import android.graphics.Color
import android.util.Size
import androidx.compose.foundation.Canvas
import androidx.compose.foundation.layout.BoxWithConstraints
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import com.dongguntech.compose_navi_graphes.ui.theme.Compose_Navi_GraphesTheme

@Composable
fun Graph2() {
    GraphPie()

}

@Composable
fun GraphPie() {
    val pieSize1 = 25f
    val pieSize2 = 75f
    val colorList = listOf(Color.RED, Color.BLUE)

    PieChart(
        pieSize1,
        pieSize2,
        colorList,
    )
}

@Composable
fun PieChart(
    pieSize1 : Float,
    pieSize2 : Float,
    colorList : List<Color>
) {
    val totalSize = pieSize1 + pieSize2

    BoxWithConstraints(
        modifier = Modifier.padding(20.dp)
    ) {
        val pieDetailSize = constraints.maxWidth.toFloat()
        Canvas(modifier = Modifier.size(pieDetailSize.dp)){
            val sweep1 = 360 * (pieSize1 / totalSize)
            drawArc(
                color = colorList[0],
                startAngle = 0f,
                sweepAngle = sweep1,
                useCenter = true,
                size = Size(pieDetailSize, pieDetailSize)
            )

            val sweep2 = 360 * (pieSize2 / totalSize)
            drawArc(
                color = colorList[1],
                startAngle = sweep1,
                sweepAngle = sweep2,
                useCenter = true,
                size = Size(pieDetailSize, pieDetailSize)
            )
        }
    }
}

@Preview(showBackground = true)
@Composable
fun Graph2Preview() {
    Compose_Navi_GraphesTheme {
        Graph2()
    }
}

위 코드중에서 아래 캡쳐화면부분중에서

colorList 에서 빨간줄 이 생기네요

 

q3.png

또 실행하면 아래와 같은 오류가 발생합니다

 

q4.png

 

 

 

android kotlin jetpack

답변 2

1

shafeel2

import androidx.compose.ui.graphics.Color
import androidx.compose.ui.geometry.Size

위와 같이 import 하니 빨간줄이 사라졌네요

늘 강사님 건강하시고 부자되세요

0

개복치개발자

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import com.example.myapplication.ui.theme.MyApplicationTheme
import androidx.compose.foundation.Canvas
import androidx.compose.foundation.layout.BoxWithConstraints
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.geometry.Size
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp

@Composable
fun Graph2() {
    GraphPie()

}

@Composable
fun GraphPie() {
    val pieSize1 = 25f
    val pieSize2 = 75f
    val colorList = listOf(Color.Red, Color.Blue)

    PieChart(
        pieSize1,
        pieSize2,
        colorList,
    )
}

@Composable
fun PieChart(
    pieSize1 : Float,
    pieSize2 : Float,
    colorList : List<Color>
) {
    val totalSize = pieSize1 + pieSize2

    BoxWithConstraints(
        modifier = Modifier.padding(20.dp)
    ) {
        val pieDetailSize = constraints.maxWidth.toFloat()

        Canvas(modifier = Modifier.size(pieDetailSize.dp)){
            val sweep1 = 360 * (pieSize1 / totalSize)
            drawArc(
                color = colorList[0],
                startAngle = 0f,
                sweepAngle = sweep1,
                useCenter = true,
                size = Size(pieDetailSize,pieDetailSize)
            )

            val sweep2 = 360 * (pieSize2 / totalSize)
            drawArc(
                color = colorList[1],
                startAngle = sweep1,
                sweepAngle = sweep2,
                useCenter = true,
                size = Size(pieDetailSize, pieDetailSize)
            )
        }
    }
}

이 코드와 비교해서 한번 해보시겠어요?

 

0

개복치개발자

윗부분의 import 부분의 차이를 자세히 봐주세요~

6강에 비디오가 이상해요

0

25

1

메인액티비티의 내용이 강의와 다른 것 같습니다.

0

153

2

TextField에서 Cursor의 두께를 조절하는 방법이 있을까요?

0

208

2

TextField에서 테두리 제거하는 방법이 궁금합니다.

0

220

2

강의자료 링크에 접근이 되지 않습니다.

0

268

1

@OptIn(ExperimentalMaterial3Api::class) 질문

0

572

2

Jetpack Compose의 화면구성

1

509

1

프로젝스 생성 시 EmptyComposeActivity를 만드는 건가요?

0

471

1

CoupangEx 4 강에서

0

303

2

HorizontalPagerIndicator 의 pagerState = pageState, 에서 빨간줄이 생깁니다

0

516

2

Canvas drawCircle 에서

0

419

5

Canvas drawCircle 에서

0

198

1

이력서앱의 화면이 강사님과는 너무 달라서 어찌 ???

0

911

1

TopAppBar 관련부분에 빨간줄이 ..

0

381

3

Retrofit 관련 url 주소를 적을 때 주의사항입니다

0

302

1

Retrofit 관련 Logcat 화면에 아래 예외가 출력

0

624

6

Modifier.weight의 토탈

0

258

1

에뮬에 오류가 뜨네요(WebView)

0

295

2

강의자료실 주소를 알고싶어요

0

435

1

implementation 'androidx.navigation:navigation-compose:2.7.4' 입력시 발생하는 에러 문의합니다.

0

328

1

horizontalArrangement verticalAlignment 관련질문입니다

0

283

3

혹시 Lv2 강의는 언제쯤 올라오는 알수잇을까요?

0

314

2

강사님 닉네임에 생각나는 것이 있어용 ^^

0

239

1

웹뷰 화면 깨짐 현상에 대해 질문드립니다!

0

2014

2