2017-06-24 10 views
0

私はこのようなグラデーション値を持っています:linear-gradient(to right, #0072FF,#00C6FF)。これをAndroid status barにどのように適用するか教えてください。Androidステータスバーのグラディエントカラー - Ionic 3

私は以下のように試しました。しかし、動作していません。

this.statusBar.backgroundColorByHexString('linear-gradient(to right, #0072FF,#00C6FF)'); 

単純なもののこの種は、正常に動作している:

this.statusBar.backgroundColorByHexString('#0072FF'); 

答えて

0

uは半透明のステータスバーを使用すると、ステータスバーと同じ高さとレイアウトにグラード背景を設定することができます。

<item name="android:windowTranslucentStatus">true</item> 
+0

これはネイティブAndroid用のものですか?私はハイブリッドイオンを使用しています。 – Sampath

0

あなたはこのようにその背景色のグラジエント型の設定することができます:セットのステータスバーの

は、あなたのテーマに次の行を追加し、半透明

Window window = activity.getWindow(); 
Drawable background = activity.getResources().getDrawable(R.drawable.gradient_theme); 
window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS); 
window.setStatusBarColor(activity.getResources().getColor(R.color.transparent)); 
window.setNavigationBarColor(activity.getResources().getColor(R.color.transparent)); 
window.setBackgroundDrawable(background); 

を、それは、API 21のために働くと大きな

とグラデーションのテーマは、ドロワブルで次のようになります。

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <shape> 
      <gradient 
       android:angle="90" 
       android:startColor="@color/colorPrimary" 
       android:endColor="@color/color_primary_100" 
       android:type="linear" /> 
     </shape> 
    </item> 
</selector> 
+0

これはネイティブAndroid用のものですか?私はハイブリッドイオンを使用しています。 – Sampath

+0

正直なところ、私は数ヶ月前に使用しましたが、Androidのネイティブコードでは、これがうまくいくと思っています。 )私たちはそれを行うための別の方法を見つけることができます;) – Meikiem

+0

それはIonicと動作しません。我々はthat.httpsのためのこのCordovaプラグインを使用する必要があります://github.com/apache/cordova-plugin-ステータスバー – Sampath

関連する問題