Tôi đã đặt màu statusBar của mình thành trong suốt cho Lollipop chỉ với dòng sau trong chủ đề của mình:
<item name="android:statusBarColor">@android:color/transparent</item>Bây giờ tôi cần vẽ phía sau nó, nhưng tôi không thể có bất kỳ góc nhìn nào phía sau nó. Tôi biết cách làm điều đó với thuộc windowTranslucentStatustính, nhưng không muốn sử dụng thuộc tính này vì sau đó nó sẽ bỏ qua màu của statusBar được đặt thành trong suốt.
Câu trả lời:
Phương pháp số 1:
Để đạt được một thanh trạng thái hoàn toàn trong suốt, bạn phải sử dụng statusBarColor, chỉ có trên API 21 trở lên. windowTranslucentStatuscó sẵn trên API 19 trở lên, nhưng nó thêm nền được tô màu cho thanh trạng thái. Tuy nhiên, cài đặt windowTranslucentStatusđạt được một điều mà thay đổi statusBarColorthành trong suốt thì không: nó đặt cờ SYSTEM_UI_FLAG_LAYOUT_STABLE
và SYSTEM_UI_FLAG_LAYOUT_FULLSCREENcờ. Cách dễ nhất để có được hiệu ứng tương tự là thiết lập thủ công các cờ này, điều này vô hiệu hóa hiệu quả các phần tử được áp đặt bởi hệ thống bố cục Android và để bạn tự bảo vệ mình.
Bạn gọi dòng này trong onCreatephương thức của bạn :
getWindow().getDecorView().setSystemUiVisibility(
View.SYSTEM_UI_FLAG_LAYOUT_STABLE
| View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);Hãy chắc chắn cũng đặt độ trong suốt trong /res/values-v21/styles.xml:
<item name="android:statusBarColor">@android:color/transparent</item>Hoặc đặt độ trong suốt theo chương trình:
getWindow().setStatusBarColor(Color.TRANSPARENT);Mặt tốt của phương pháp này là các bố cục và thiết kế tương tự cũng có thể được sử dụng trên API 19 bằng cách giao dịch trên thanh trạng thái trong suốt cho thanh trạng thái mờ được tô màu.
<item name="android:windowTranslucentStatus">true</item>Phương pháp # 2:
Nếu bạn chỉ cần vẽ một hình nền dưới thanh trạng thái của mình, thay vì định vị một khung nhìn phía sau nó, điều này có thể được thực hiện bằng cách chỉ cần đặt nền của chủ đề hoạt động của bạn thành hình ảnh mong muốn và đặt độ trong suốt của thanh trạng thái như trong phương thức # 1. Đây là phương pháp tôi đã sử dụng để tạo ảnh chụp màn hình cho bài viết của Cảnh sát Android từ vài tháng trước.
Phương pháp # 3:
Nếu bạn phải bỏ qua các phần tử hệ thống tiêu chuẩn cho một số bố cục trong khi vẫn giữ chúng hoạt động ở các phần khác, cách duy nhất khả thi để làm điều đó là làm việc với lớp thường được liên kết ScrimInsetsFrameLayout. Tất nhiên, một số điều được thực hiện trong lớp đó không cần thiết cho tất cả các kịch bản. Ví dụ: nếu bạn không có kế hoạch sử dụng lớp phủ thanh trạng thái tổng hợp, chỉ cần nhận xét mọi thứ trong init()phương thức và không bận tâm thêm bất cứ điều gì vào tệp attrs.xml. Tôi đã thấy cách tiếp cận này hiệu quả, nhưng tôi nghĩ rằng bạn sẽ thấy rằng nó mang lại một số hàm ý khác có thể là rất nhiều công việc phải giải quyết.
Tôi cũng thấy rằng bạn phản đối việc gói nhiều bố cục. Trong trường hợp bọc một bố cục bên trong một bố cục khác, trong đó cả hai đều có match_parentchiều cao và chiều rộng, ý nghĩa về hiệu suất quá tầm thường để lo lắng. Bất kể, bạn có thể tránh hoàn toàn tình huống đó bằng cách thay đổi lớp mà nó mở rộng từ FrameLayoutbất kỳ loại Bố cục nào khác mà bạn thích. Nó sẽ chỉ làm việc tốt.
SYSTEM_UI_FLAG_LAYOUT_STABLEvà SYSTEM_UI_FLAG_LAYOUT_FULLSCREENcờ là giải pháp tôi đang tìm kiếm.
CollapsingToolbarLayoutvà Toolbar: thanh trạng thái không hoàn toàn mờ và android:statusBarColorkhông có hiệu lực
Điều này làm việc cho trường hợp của tôi
// Create/Set toolbar as actionbar
toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
// Check if the version of Android is Lollipop or higher
if (Build.VERSION.SDK_INT >= 21) {
// Set the status bar to dark-semi-transparentish
getWindow().setFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,
WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
// Set paddingTop of toolbar to height of status bar.
// Fixes statusbar covers toolbar issue
toolbar.setPadding(0, getStatusBarHeight(), 0, 0);
}// A method to find height of the status bar
public int getStatusBarHeight() {
int result = 0;
int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android");
if (resourceId > 0) {
result = getResources().getDimensionPixelSize(resourceId);
}
return result;
}Để biết thêm thông tin về cách làm việc với statusBars: youtube.com/watch?v=_mGDMVRO3iE
Hãy thử chủ đề này
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
<item name="colorPrimaryDark">@android:color/transparent</item>
<item name="colorPrimary">@color/md_blue_200</item>
<item name="android:windowDrawsSystemBarBackgrounds">true</item>
<item name="android:statusBarColor">@android:color/transparent</item>
<item name="android:windowTranslucentStatus">true</item>
</style>Hãy chắc chắn rằng, bộ bố trí của bạn
android:fitsSystemWindows="false"android:fitsSystemWindows="false"đang cắt thanh công cụ một nửa.
Thay vì
<item name="android:statusBarColor">@android:color/transparent</item>Sử dụng như sau:
<item name="android:windowTranslucentStatus">true</item>Và đảm bảo xóa phần đệm trên cùng (được thêm theo mặc định) trên bố cục 'MainActivity' của bạn.
Lưu ý rằng điều này không làm cho thanh trạng thái hoàn toàn trong suốt và vẫn sẽ có lớp phủ "đen mờ" trên thanh trạng thái của bạn.
<item name="android:windowTranslucentStatus">true</item>, nó làm cho Android đặt một nền đen mờ dưới thanh trạng thái không phải là thứ tôi đang tìm kiếm. Bất kỳ cách nào để không có nền đen mờ này?
Giải pháp từ Cody Toombs gần như đã giúp tôi. Tôi không chắc đây có liên quan đến Xamarin hay không, nhưng giờ tôi có một giải pháp chấp nhận được:
Đây là thiết lập của tôi:
Tôi có một dự án Android nơi tôi đã tham chiếu các gói Android.S4 v4 và v7. Tôi có hai kiểu được định nghĩa:
giá trị / style.xml:
<?xml version="1.0" encoding="UTF-8" ?>
<resources>
<style name="MyStyle" parent="@style/Theme.AppCompat.Light.NoActionBar">
<item name="android:windowTranslucentStatus">true</item>
</style>
</resources>value-v21 / style.xml:
<?xml version="1.0" encoding="UTF-8" ?>
<resources>
<style name="MyStyle" parent="@style/Theme.AppCompat.Light.NoActionBar">
<item name="android:statusBarColor">@android:color/transparent</item>
</style>
</resources>Mục tiêu AndroidManifest "MyStyle":
AndroidManifest.xml:
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android" android:versionCode="1" android:versionName="1.0" package="com.agn.test.test">
<uses-sdk android:minSdkVersion="10" />
<application android:allowBackup="true" android:icon="@mipmap/icon" android:label="@string/app_name" android:theme="@style/MyStyle">
</application>
</manifest>Và cuối cùng là mã trong Hoạt động chính:
[Activity (Label = "Test", MainLauncher = true, Icon = "@mipmap/icon")]
public class MainActivity : Activity
{
protected override void OnCreate (Bundle savedInstanceState)
{
base.OnCreate (savedInstanceState);
SetContentView (Resource.Layout.Main);
//Resource.Layout.Main is just a regular layout, no additional flags. Make sure there is something in there like an imageView, so that you can see the overlay.
var uiOptions = (int)Window.DecorView.SystemUiVisibility;
uiOptions ^= (int)SystemUiFlags.LayoutStable;
uiOptions ^= (int)SystemUiFlags.LayoutFullscreen;
Window.DecorView.SystemUiVisibility = (StatusBarVisibility)uiOptions;
Window.AddFlags (WindowManagerFlags.DrawsSystemBarBackgrounds);
}
}Lưu ý rằng tôi đặt cờ DrawsSystemBarBackgrounds, điều này tạo ra sự khác biệt
Window.AddFlags (WindowManagerFlags.DrawsSystemBarBackgrounds); Tôi đã dành rất nhiều thời gian để làm cho đúng, quá nhiều thời gian trên thực tế. Hy vọng câu trả lời này sẽ giúp bất cứ ai cố gắng đạt được điều tương tự.
android:windowTranslucentStatusyêu cầu API cấp 19 trở lên, làm sao bạn có thể sử dụng nó trên các giá trị / style.xml của bạn trong khi có android:minSdkVersion10?
Câu trả lời của @Cody Toombs dẫn đến một vấn đề mang lại bố cục phía sau thanh điều hướng. Vì vậy, những gì tôi tìm thấy là sử dụng này giải pháp được cung cấp bởi @Kriti
đây là đoạn mã Kotlin cho cùng:
if (Build.VERSION.SDK_INT >= 19 && Build.VERSION.SDK_INT < 21) {
setWindowFlag(this, WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS, true)
}
if (Build.VERSION.SDK_INT >= 19) {
window.decorView.systemUiVisibility = View.SYSTEM_UI_FLAG_LAYOUT_STABLE or View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
}
if (Build.VERSION.SDK_INT >= 21) {
setWindowFlag(this, WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS, false)
getWindow().setStatusBarColor(Color.TRANSPARENT)
}
private fun setWindowFlag(activity: Activity, bits: Int, on: Boolean) {
val win: Window = activity.getWindow()
val winParams: WindowManager.LayoutParams = win.getAttributes()
if (on) {
winParams.flags = winParams.flags or bits
} else {
winParams.flags = winParams.flags and bits.inv()
}
win.setAttributes(winParams)
}Bạn cũng cần thêm
android:fitsSystemWindows="false"xem gốc của bố cục của bạn.
Tôi gặp vấn đề tương tự vì vậy tôi tạo ImageView rút ra sau thanh trạng thái API 19+
Đặt hình ảnh tùy chỉnh phía sau Thanh trạng thái gist.github.com
public static void setTransparent(Activity activity, int imageRes) {
if (Build.VERSION.SDK_INT < Build.VERSION_CODES.KITKAT) {
return;
}
// set flags
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
activity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
activity.getWindow().setStatusBarColor(Color.TRANSPARENT);
} else {
activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
}
// get root content of system window
//ViewGroup rootView = (ViewGroup) ((ViewGroup) activity.findViewById(android.R.id.content)).getChildAt(0);
// rootView.setFitsSystemWindows(true);
// rootView.setClipToPadding(true);
ViewGroup contentView = (ViewGroup) activity.findViewById(android.R.id.content);
if (contentView.getChildCount() > 1) {
contentView.removeViewAt(1);
}
// get status bar height
int res = activity.getResources().getIdentifier("status_bar_height", "dimen", "android");
int height = 0;
if (res != 0)
height = activity.getResources().getDimensionPixelSize(res);
// create new imageview and set resource id
ImageView image = new ImageView(activity);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, height);
image.setLayoutParams(params);
image.setImageResource(imageRes);
image.setScaleType(ScaleType.MATRIX);
// add image view to content view
contentView.addView(image);
// rootView.setFitsSystemWindows(true);
}Bạn có thể sử dụng ScrimInsetFrameLayout
android: fitSystemWindows = "true" nên đặt trên bố cục scrim!
RelativeLayoutthay vì a FrameLayoutthì sao?
Tương tự như một số giải pháp được đăng, nhưng trong trường hợp của tôi, tôi đã minh bạch thanh trạng thái và sửa vị trí của thanh hành động với một số lề âm
if (Build.VERSION.SDK_INT >= 21) {
getWindow().setStatusBarColor(Color.TRANSPARENT);
FrameLayout.LayoutParams lp = (FrameLayout.LayoutParams) toolbar.getLayoutParams();
lp.setMargins(0, -getStatusBarHeight(), 0, 0);
}Và tôi đã sử dụng trong thanh công cụ và chế độ xem gốc
android:fitsSystemWindows="true"Có thư viện StatusBarUtil tốt từ @laobie giúp dễ dàng vẽ hình ảnh trong StatusBar.
Chỉ cần thêm vào build.gradle:
compile 'com.jaeger.statusbarutil:library:1.4.0'Sau đó, trong tập Hoạt động
StatusBarUtil.setTranslucentForImageView(Activity activity, int statusBarAlpha, View viewNeedOffset)Trong cách bố trí
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/white"
android:orientation="vertical">
<ImageView
android:layout_alignParentTop="true"
android:layout_width="match_parent"
android:adjustViewBounds="true"
android:layout_height="wrap_content"
android:src="@drawable/toolbar_bg"/>
<android.support.design.widget.CoordinatorLayout
android:id="@+id/view_need_offset"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@android:color/transparent"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>
<!-- Your layout code -->
</android.support.design.widget.CoordinatorLayout>
</RelativeLayout>Để biết thêm thông tin tải về bản demo hoặc bản sao từ trang github và chơi với tất cả các tính năng.
Lưu ý: Hỗ trợ KitKat trở lên.
Hy vọng rằng sẽ giúp người khác!
Với Android Studio 1.4, dự án mẫu với mã tấm nồi hơi đặt Overlaychủ đề trên AppbarLayout và / hoặc Thanh công cụ của bạn. Chúng cũng được đặt để được hiển thị phía sau thanh trạng thái theo fitSystemWindowthuộc tính = true. Điều này sẽ khiến chỉ thanh công cụ được hiển thị ngay bên dưới thanh trạng thái và mọi thứ khác sẽ được hiển thị bên dưới thanh công cụ. Vì vậy, các giải pháp được cung cấp ở trên sẽ không tự hoạt động. Bạn sẽ phải thực hiện các thay đổi sau đây.
Đặt đoạn mã sau vào style-21.xml của bạn tệp .
@android: màu / trong suốt
Gán chủ đề này cho hoạt động chứa ngăn kéo điều hướng trong tệp AndroidManifest.xml .
Điều này sẽ làm cho ngăn kéo Điều hướng hiển thị phía sau thanh trạng thái trong suốt.
Tất cả bạn cần làm là đặt các thuộc tính này trong chủ đề của bạn
<item name="android:windowTranslucentStatus">true</item>
<item name="android:windowTranslucentNavigation">true</item>Câu trả lời được chấp nhận làm việc cho tôi bằng cách sử dụng CollapsingToolbarLayout. Tuy nhiên, điều quan trọng cần lưu ý là setSytstemUiVisibility()ghi đè bất kỳ cuộc gọi trước nào đến chức năng đó. Vì vậy, nếu bạn đang sử dụng chức năng đó ở một nơi khác cho cùng một chế độ xem, bạn cần bao gồm View.SYSTEM_UI_FLAG_LAYOUT_STABLEvàView.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN cờ cờ, nếu không chúng sẽ bị ghi đè với cuộc gọi mới.
Đây là trường hợp của tôi và khi tôi thêm hai lá cờ vào nơi khác tôi đang thực hiện cuộc gọi đến setSystemUiVisibility(), câu trả lời được chấp nhận đã hoạt động hoàn hảo.
Tôi sẽ thêm một số thông tin ở đây. Các phát triển mới nhất của Android đã giúp việc xử lý rất nhiều trường hợp trên thanh trạng thái trở nên khá dễ dàng. Sau đây là những quan sát của tôi từstyles.xml
<item name="android:windowTranslucentStatus">true</item> sẽ làm cho thanh trạng thái trong suốt và hiển thị trước giao diện người dùng. Hoạt động của bạn sẽ chiếm toàn bộ không gian trên cùng.Màu nền : một lần nữa, đối với SDK 21+, <item name="android:statusBarColor">@color/your_color</item>sẽ chỉ đơn giản là cung cấp màu cho thanh trạng thái của bạn mà không ảnh hưởng đến bất kỳ điều gì khác.
Tuy nhiên, trong các thiết bị sau này (Android M / +), các biểu tượng bắt đầu xuất hiện ở các sắc thái khác nhau. HĐH có thể cung cấp màu xám đậm hơn cho các biểu tượng cho SDK 23 / +, nếu bạn ghi đè styles.xmltệp của mình vào values-23thư mục và thêm <item name="android:windowLightStatusBar">true</item>.
Bằng cách này, bạn sẽ cung cấp cho người dùng của mình một thanh trạng thái rõ ràng hơn, nếu thanh trạng thái của bạn có màu sáng (hãy nghĩ xem có bao nhiêu ứng dụng google có nền sáng nhưng các biểu tượng có thể nhìn thấy ở đó có màu xám).
Tôi sẽ đề nghị bạn sử dụng cái này, nếu bạn đang tô màu cho thanh trạng thái của mình thông qua điểm # 2
Trong các thiết bị gần đây nhất, SDK 29 / + đi kèm với chủ đề sáng và tối toàn hệ thống, được người dùng kiểm soát. Là nhà phát triển, chúng tôi cũng có nghĩa vụ ghi đè tệp kiểu của chúng tôi trong một values-nightthư mục mới , để cung cấp cho người dùng 2 trải nghiệm khác nhau.
Ở đây một lần nữa, tôi đã tìm thấy điểm # 2 có hiệu quả trong việc cung cấp "màu nền cho thanh trạng thái". Nhưng hệ thống không thay đổi màu sắc của các biểu tượng trên thanh trạng thái cho ứng dụng của tôi. do phiên bản ngày của tôi bao gồm chủ đề nhẹ hơn, điều này có nghĩa là người dùng sẽ bị ảnh hưởng thấp (biểu tượng màu trắng trên nền sáng hơn)
Vấn đề này có thể được giải quyết bằng cách sử dụng cách tiếp cận điểm # 3 hoặc ghi đè tệp kiểu trong values-29thư mục và sử dụng tệp mới hơn api <item name="android:enforceStatusBarContrast">true</item>. Điều này sẽ tự động thực thi tông màu xám cho các biểu tượng, nếu màu nền của bạn quá nhạt.
Đây là chủ đề tôi sử dụng để thực hiện điều này:
<style name="AppTheme" parent="@android:style/Theme.NoTitleBar">
<!-- Default Background Screen -->
<item name="android:background">@color/default_blue</item>
<item name="android:windowTranslucentStatus">true</item>
</style>Giải pháp đúng là Thay đổi một thuộc tính trong XML dưới thẻ Activity của bạn thành kiểu bên dưới. Nó chỉ hoạt động
android:theme="@style/Theme.AppCompat.Light.NoActionBar"
android:fitsSystemWindows="true"