Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

refactor media horizontal item #121

Open
wants to merge 3 commits into
base: refactoring_ui
Choose a base branch
from
Open

refactor media horizontal item #121

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
f82e725
refactor media horizontal item
Karrar-Mohammed Mar 14, 2023
45b76da
Merge branch 'refactoring_ui' into feature/refactor_media_horizontal_…
Karrar-Mohammed Mar 23, 2023
fe2fdb2
fix text color and size
Karrar-Mohammed Mar 23, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
101 changes: 101 additions & 0 deletions app/src/main/java/com/karrar/movieapp/ui/composable/MediaHorizontalItem.kt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,101 @@
package com.karrar.movieapp.ui.composable

import androidx.compose.foundation.Image
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material.MaterialTheme
import androidx.compose.material3.Icon
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
import androidx.compose.ui.layout.ContentScale
import androidx.compose.ui.res.painterResource
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import com.karrar.movieapp.R
import com.karrar.movieapp.ui.search.mediaSearchUIState.MediaUIState
import com.karrar.movieapp.ui.theme.Typography
import com.karrar.movieapp.ui.theme.Yellow

@Composable
fun MediaHorizontalItem(
mediaUIState: MediaUIState,
modifier: Modifier = Modifier,
) {
Row(
modifier = modifier
.padding(16.dp)
.fillMaxWidth()
.wrapContentHeight()
.clip(RoundedCornerShape(8.dp))
.background(MaterialTheme.colors.surface)
) {
Image(
painter = painterResource(id = R.drawable.chris_evans),
contentDescription = null,
modifier = Modifier
.width(142.dp)
.height(80.dp),
contentScale = ContentScale.Crop
)

Column(
modifier = Modifier
.height(80.dp)
.padding(horizontal = 16.dp, vertical = 8.dp),
verticalArrangement = Arrangement.SpaceBetween
) {
Text(
text = mediaUIState.mediaName,
color = MaterialTheme.colors.primaryVariant,
style = Typography.body2
)

Row(modifier = Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.SpaceBetween) {

Icon(
painter = painterResource(id = R.drawable.ic_star_small),
contentDescription = null,
tint = Yellow
)

Text(
text = mediaUIState.mediaVoteAverage.toString(),
color = Yellow,
style = Typography.body1,
modifier = Modifier
.weight(1f)
.padding(start = 8.dp)
)

Text(
text = mediaUIState.mediaReleaseDate,
color = MaterialTheme.colors.secondaryVariant,
style = Typography.body2
)
}
}

}


}


@Preview
@Composable
private fun Preview() {
MediaHorizontalItem(
mediaUIState = MediaUIState(
23,
"Avengers",
"imageUrl",
"imageUrl",
9.8f,
"2012"
)
)
}
8 changes: 1 addition & 7 deletions app/src/main/java/com/karrar/movieapp/ui/main/StartActivity.kt
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,14 +4,9 @@ import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.material.MaterialTheme
import androidx.compose.material.Surface
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import com.karrar.movieapp.ui.composable.ActorItem
import com.karrar.movieapp.ui.composable.Actors
import com.karrar.movieapp.ui.composable.MediaItem
import com.karrar.movieapp.ui.theme.MovieAppTheme

class StartActivity : ComponentActivity() {
Expand All @@ -29,5 +24,4 @@ class StartActivity : ComponentActivity() {
}
}
}
}

}