CARVIEW |
Select Language
HTTP/2 200
date: Thu, 31 Jul 2025 10:39:25 GMT
content-type: text/html; charset=utf-8
vary: X-PJAX, X-PJAX-Container, Turbo-Visit, Turbo-Frame, X-Requested-With,Accept-Encoding, Accept, X-Requested-With
x-robots-tag: none
etag: W/"8138711f64b0a73596894258b3fa6a65"
cache-control: max-age=0, private, must-revalidate
strict-transport-security: max-age=31536000; includeSubdomains; preload
x-frame-options: deny
x-content-type-options: nosniff
x-xss-protection: 0
referrer-policy: no-referrer-when-downgrade
content-security-policy: default-src 'none'; base-uri 'self'; child-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/; connect-src 'self' uploads.github.com www.githubstatus.com collector.github.com raw.githubusercontent.com api.github.com github-cloud.s3.amazonaws.com github-production-repository-file-5c1aeb.s3.amazonaws.com github-production-upload-manifest-file-7fdce7.s3.amazonaws.com github-production-user-asset-6210df.s3.amazonaws.com *.rel.tunnels.api.visualstudio.com wss://*.rel.tunnels.api.visualstudio.com objects-origin.githubusercontent.com copilot-proxy.githubusercontent.com proxy.individual.githubcopilot.com proxy.business.githubcopilot.com proxy.enterprise.githubcopilot.com *.actions.githubusercontent.com wss://*.actions.githubusercontent.com productionresultssa0.blob.core.windows.net/ productionresultssa1.blob.core.windows.net/ productionresultssa2.blob.core.windows.net/ productionresultssa3.blob.core.windows.net/ productionresultssa4.blob.core.windows.net/ productionresultssa5.blob.core.windows.net/ productionresultssa6.blob.core.windows.net/ productionresultssa7.blob.core.windows.net/ productionresultssa8.blob.core.windows.net/ productionresultssa9.blob.core.windows.net/ productionresultssa10.blob.core.windows.net/ productionresultssa11.blob.core.windows.net/ productionresultssa12.blob.core.windows.net/ productionresultssa13.blob.core.windows.net/ productionresultssa14.blob.core.windows.net/ productionresultssa15.blob.core.windows.net/ productionresultssa16.blob.core.windows.net/ productionresultssa17.blob.core.windows.net/ productionresultssa18.blob.core.windows.net/ productionresultssa19.blob.core.windows.net/ github-production-repository-image-32fea6.s3.amazonaws.com github-production-release-asset-2e65be.s3.amazonaws.com insights.github.com wss://alive.github.com wss://alive-staging.github.com api.githubcopilot.com api.individual.githubcopilot.com api.business.githubcopilot.com api.enterprise.githubcopilot.com; font-src github.githubassets.com; form-action 'self' github.com gist.github.com copilot-workspace.githubnext.com objects-origin.githubusercontent.com; frame-ancestors 'none'; frame-src viewscreen.githubusercontent.com notebooks.githubusercontent.com; img-src 'self' data: blob: github.githubassets.com media.githubusercontent.com camo.githubusercontent.com identicons.github.com avatars.githubusercontent.com private-avatars.githubusercontent.com github-cloud.s3.amazonaws.com objects.githubusercontent.com release-assets.githubusercontent.com secured-user-images.githubusercontent.com/ user-images.githubusercontent.com/ private-user-images.githubusercontent.com opengraph.githubassets.com copilotprodattachments.blob.core.windows.net/github-production-copilot-attachments/ github-production-user-asset-6210df.s3.amazonaws.com customer-stories-feed.github.com spotlights-feed.github.com objects-origin.githubusercontent.com *.githubusercontent.com; manifest-src 'self'; media-src github.com user-images.githubusercontent.com/ secured-user-images.githubusercontent.com/ private-user-images.githubusercontent.com github-production-user-asset-6210df.s3.amazonaws.com gist.github.com; script-src github.githubassets.com; style-src 'unsafe-inline' github.githubassets.com; upgrade-insecure-requests; worker-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/
server: github.com
content-encoding: gzip
accept-ranges: bytes
set-cookie: _gh_sess=DUgfkATRNjez2m0FihjLRZcx46QJzy7tBQ5951aTdeWlBnWkTiuIR9v%2BtYCztdBeY1pOKtn2pIrATZYScsh6K0bzMXmJMzzTnFnO5pX6pGPRht2ceXUUQY6md7JqxD6R4gFpIvO8zf92sflcS2WH31%2Fi7aD7lB3uYQBnIMtGLgXjv9FlkhsQfojo%2FYvnJr1oDVuv%2B%2BmzF10YK%2FBuj5%2Fo0b%2BmwiAN3DOtlYqoCC3ULNdpXKpi2WFBqXu8Aou%2FyPuA01vT%2FXXUapkwj4qaZHNrsg%3D%3D--TThEAo%2BEGEvuLUyW--hFpA5dXDavkvuuAh9aLIJQ%3D%3D; Path=/; HttpOnly; Secure; SameSite=Lax
set-cookie: _octo=GH1.1.604841158.1753958365; Path=/; Domain=github.com; Expires=Fri, 31 Jul 2026 10:39:25 GMT; Secure; SameSite=Lax
set-cookie: logged_in=no; Path=/; Domain=github.com; Expires=Fri, 31 Jul 2026 10:39:25 GMT; HttpOnly; Secure; SameSite=Lax
x-github-request-id: CED2:373F91:548DC7:5E5249:688B47DD
Recipes · Flipboard/bottomsheet Wiki · GitHub
Skip to content
Navigation Menu
{{ message }}
-
Notifications
You must be signed in to change notification settings - Fork 596
Recipes
Henri (Zac) Sweers edited this page Jul 23, 2015
·
5 revisions
This is a InsetViewTransformer that insets the content view slightly behind the bottom sheet as it's open.
public class InsetViewTransformer extends BaseViewTransformer {
@Override
public void transformView(float translation, float maxTranslation, float peekedTranslation, BottomSheetLayout parent, View view) {
float progress = Math.min(translation / peekedTranslation, 1);
float scale = (1 - progress) + progress * 0.9f;
view.setScaleX(scale);
view.setScaleY(scale);
if (translation == 0 || translation == parent.getHeight()) {
parent.setBackgroundColor(0);
ensureLayer(view, View.LAYER_TYPE_NONE);
} else {
parent.setBackgroundColor(view.getResources().getColor(<whatever you want>));
ensureLayer(view, View.LAYER_TYPE_HARDWARE);
}
float translationToTop = -(view.getHeight() * (1 - scale)) / 2;
view.setTranslationY(translationToTop + progress * 20 * view.getContext().getResources().getDisplayMetrics().density);
}
private void ensureLayer(View view, int layerType) {
if (view.getLayerType() != layerType) {
view.setLayerType(layerType, null);
}
}
}
The Material Design spec specifies that bottom sheets should have an elevation of 16dp. The commons components all have this, but this is something that has to be implements on a per-view basis and can't be handled by BottomSheetLayout
directly. Here is how we do it in our sheet views:
// In your view class, override this method
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
// Necessary for showing elevation on 5.0+
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
setOutlineProvider(new Util.ShadowOutline(w, h));
}
}
// ShadowOutline implementation
@TargetApi(21)
static class ShadowOutline extends ViewOutlineProvider {
int width;
int height;
ShadowOutline(int width, int height) {
this.width = width;
this.height = height;
}
@Override
public void getOutline(View view, Outline outline) {
outline.setRect(0, 0, width, height);
}
}
Now you'll have an appropriate shadow when you set elevation!
You can’t perform that action at this time.