Comments (5)
Is the SurfaceView underneath disrupting the modifier?
Not sure, but I don't believe so.
Is it even possible to do it with haze? can you exclude children composables?
No, the haze
and hazeChild
need to be siblings and not descendants of each other, otherwise the child will be blurred, as you've found. I assume that the Box
is a child of the BoxWithConstraints
?
from haze.
Closing this as working as intended. Feel free to comment if there's anything else.
from haze.
@chrisbanes I tried to put the haze and hazeChild element next to each other, but it didn't work. I'm trying to make the haze effect take the colours from an active RTC video feed but make it fully transparent. There seems to be an issue with a setup using an AndroidView/SurfaceView. :((
I might have to give up on it and use an opaque colour instead.
Here below my setup:
AndroidView(
factory = { context ->
val frameLayout = FrameLayout(context)
val surfaceView = videoRenderHelper.setupRemoteVideo(
uid = partner.id,
renderMode = videoSizeHelper.calculateRenderMode(state, uiState, agoraState),
)
frameLayout.addView(surfaceView, 0)
frameLayout
},
modifier = Modifier
.haze(
state = hazeState,
backgroundColor = MyTheme.colors.backgroundControls,
)
)
}
Also, I think that having the .haze() and .hazeChild() composables always as siblings is pretty limiting. It makes it difficult to use in cases when you need AnimatedVisibility... or any custom composable that wraps your blurred item.
Could the HazeState be changed in the future to remember the references to the background and child, so it can be used in a nested way?
Thank you in advance for your help,
and for creating this library.
from haze.
Simple answer, no. It's just the way that Haze needs to work. We're basically doing our own (very limited) window layering, and I don't plan on doing anything more complex.
from haze.
@chrisbanes I thought so, thanks anyway for your work. I think this is still a great library for simpler use cases. 😃
from haze.
Related Issues (20)
- Position mismatch with scale transform HOT 5
- Why hazy not work? HOT 4
- JS support request HOT 3
- In Windows for desktope it is to freezing HOT 3
- No-clipping of hazeChild Composables HOT 4
- Not working on Android 12 API 31 HOT 1
- iOS native view is not rendered when haze is applied HOT 5
- Position sometimes gets out of sync HOT 7
- BUILD FAILED on ios target HOT 3
- Issues with scroll HOT 4
- Haze Effect Disappears Over Video in Jetpack Compose; Solid Color Appears When Scrolling to Bottom HOT 1
- [next] Can we invert the draw paths?
- Does not blur part of the Camera Scene View Composable in KMP HOT 3
- Crashed after upgrading to 0.9.0-alpha01
- The blur effect differences in version 0.9.0-alpha02 are quite significant. HOT 2
- Add Gradient Blur Feature to Haze Library HOT 11
- App crashing without stacktrace! HOT 7
- blur effect only applied for part of the toolbar
- White artfact in round corners HOT 2
- 0.9.0-alpha05 failing to build on ios HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from haze.