2016-03-20 4 views
0

AndroidでScrollingActivityを学習していて、タスクバー(上部のインディゴ部分)を操作するのが難しくなりました。私は動物園の画像が画面の一番上に達するまで、すべてのスペースを取るようにします。しかし、私はそれを行う方法を知らない。誰かが助けることができますか?スクロール・アクティビティでタスクバーを非表示にするか透明にするには?

screen shot

ここではレイアウトXMLファイルactivity_scrollingです:

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout 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:fitsSystemWindows="true" 
    tools:context="com.example.zoo.activity.ScrollingActivity"> 

    <android.support.design.widget.AppBarLayout 
     android:id="@+id/app_bar" 
     android:layout_width="match_parent" 
     android:layout_height="@dimen/app_bar_height" 
     android:fitsSystemWindows="true" 
     android:theme="@style/AppTheme.AppBarOverlay"> 

     <android.support.design.widget.CollapsingToolbarLayout 
      android:id="@+id/toolbar_layout" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:fitsSystemWindows="true" 
      app:contentScrim="?attr/colorPrimary" 
      app:layout_scrollFlags="scroll|exitUntilCollapsed"> 

      <ImageView 
       android:id="@+id/image" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:scaleType="centerCrop" 
       android:src="@drawable/bg_zoo" 
       app:layout_collapseMode="parallax" 
       app:layout_collapseParallaxMultiplier="0.7"/> 

      <View 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:layout_marginTop="30dp" 
       android:background="@drawable/main_header_selector" 
       app:layout_collapseMode="parallax" 
       app:layout_collapseParallaxMultiplier="0.1"/> 

      <android.support.v7.widget.Toolbar 
       android:id="@+id/toolbar" 
       android:layout_width="match_parent" 
       android:layout_height="?attr/actionBarSize" 
       app:layout_collapseMode="pin" 
       app:popupTheme="@style/AppTheme.PopupOverlay" /> 

     </android.support.design.widget.CollapsingToolbarLayout> 
    </android.support.design.widget.AppBarLayout> 

    <include layout="@layout/content_scrolling" /> 

    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_margin="@dimen/fab_margin" 
     android:src="@android:drawable/ic_dialog_email" 
     app:layout_anchor="@id/app_bar" 
     app:layout_anchorGravity="bottom|end" /> 

</android.support.design.widget.CoordinatorLayout> 

これは私が欲しいものです:

should-be layout

+0

質問を編集したいと思うかもしれませんが、ツールバーは実際には既に知っているステータスバーです。 – Shreyans

答えて

0

ステータスバーを透明にします。質問Android transparent status bar and action barを読んだ後、私は、アクションバーを隠す代わりに、ステータスバーを透明にする必要があることを認識しました。そのレイアウトは、ステータスバーの高さ(オーバーラップ)を使用することができます。この部分は、プログラムで行うことができます。

protected void onCreate(Bundle savedInstanceState) { 
    getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS); 
    // ... 
} 

はImageViewのが再び重なっていないことを確認してください。CoordinatorLayout内のすべてのコンポーネントは、どこに配置する必要があります。だから、ImageViewにタグを付けるためにandroid:fitsSystemWindowsを追加します。

<ImageView 
    android:id="@+id/image" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:scaleType="centerCrop" 
    android:src="@drawable/bg_zoo" 
    android:fitsSystemWindows="true" 
    app:layout_collapseMode="parallax" 
    app:layout_collapseParallaxMultiplier="0.7"/> 

そして、ここではその結果です:

final screenshot

は実は、私は偶然の答えを見つけました。より合理的な推論を見つけた場合は、回答を提供してください。

0

あなたはフラグパラメータwindowを設定してみることは、 :

protected void onCreate(Bundle savedInstanceState) { 
requestWindowFeature(Window.FEATURE_NO_TITLE); 
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN); 

super.onCreate(savedInstanceState); 
setContentView(R.layout.yourLayout); 
+0

お返事ありがとうございます。実際、私はツールバーの情報を保持したいのですが、その色はありません。それは可能ですか?私は英語が貧しいので、必要に応じて別のスクリーンショットをアップロードすることができます –

+0

ohhhh私はそれを得るかもしれない、多分これは答えです:http://stackoverflow.com/q/26505632/982161 –

+0

私はその答えを試みました、仕事。たぶん、私はメカニズムを理解するためにもっと時間が必要です、あまりにも多くのタグとプロパティがあります: –

関連する問題