2017-01-05 3 views
0

これは私の問題です。テキストフィールド、ボタン、およびLinearLayoutを含むすべての調整レイアウトを折りたたむ必要があります。しかし私のコード(以下のコード)を実装すると、崩壊は私の期待通りにはなりません。 not collapsed layoutにすべてのレイアウトを表示したい場合、ユーザーが下にスクロールすると、折りたたみツールバーのレイアウトは、タイトルの代わりに "partenza:...、arrivo:..."というレイアウトを表示するはずです。折りたたみツールバーのレイアウトはどのように機能しますか?そしてツールバーが崩壊したときにそれをパーソナライズする方法は?

アイデア?

<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.support.design.widget.AppBarLayout 
    android:id="@+id/allAppBar" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="?attr/colorPrimaryDark" 
    android:theme="@style/AppTheme.AppBarOverlay"> 

    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     android:background="?attr/colorPrimaryDark" 
     android:subtitle="@string/subtitle_app" 
     android:title="@string/app_name" 
     app:popupTheme="@style/AppTheme.PopupOverlay" /> 


    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="@color/colorPrimaryDark" 
     android:descendantFocusability="beforeDescendants" 
     android:focusableInTouchMode="true" 
     android:orientation="vertical" 
     android:paddingBottom="5dp" 
     android:paddingLeft="10dp" 
     android:paddingRight="10dp" 
     android:paddingTop="5dp"> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal"> 

      <LinearLayout 
       android:layout_width="315dp" 
       android:layout_height="wrap_content" 
       android:orientation="vertical" 
       android:theme="@style/InputTheme" 
       android:weightSum="2"> 

       <RelativeLayout 
        android:id="@+id/inputPartenzaGroupBox" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_weight="1"> 

        <Button 
         android:id="@+id/clearPartenzaBox" 
         android:layout_width="50dp" 
         android:layout_height="wrap_content" 
         android:layout_alignParentRight="true" 
         android:layout_centerVertical="true" 
         android:layout_marginRight="5dip" 
         android:background="@android:color/transparent" /> 

        <android.support.design.widget.TextInputLayout 
         android:layout_width="match_parent" 
         android:layout_height="wrap_content" 
         android:textColorHint="@color/colorAccent"> 

         <AutoCompleteTextView 
          android:id="@+id/tBoxPartenza" 
          android:layout_width="match_parent" 
          android:layout_height="wrap_content" 
          android:backgroundTint="@color/colorAccent" 
          android:hint="@string/example_text_1" 
          android:maxLines="1" 
          android:singleLine="true" 
          android:textColor="@color/white" /> 

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

       </RelativeLayout> 

       <RelativeLayout 
        android:id="@+id/inputArrivoGroupBox" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_below="@id/inputPartenzaGroupBox" 
        android:layout_weight="1"> 


        <Button 
         android:id="@+id/clearArrivoBox" 
         android:layout_width="50dp" 
         android:layout_height="wrap_content" 
         android:layout_alignParentRight="true" 
         android:layout_centerVertical="true" 
         android:layout_marginRight="5dip" 
         android:background="@android:color/transparent" /> 

        <android.support.design.widget.TextInputLayout 
         android:layout_width="match_parent" 
         android:layout_height="wrap_content" 
         android:textColorHint="@color/colorAccent"> 

         <AutoCompleteTextView 
          android:id="@+id/tBoxArrivo" 
          android:layout_width="match_parent" 
          android:layout_height="wrap_content" 
          android:backgroundTint="@color/colorAccent" 
          android:hint="@string/example_text_2" 
          android:maxLines="1" 
          android:singleLine="true" 
          android:textColor="@color/white" /> 

        </android.support.design.widget.TextInputLayout> 
       </RelativeLayout> 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="match_parent"> 

       <ImageButton 
        android:id="@+id/btnInvertPosition" 
        android:layout_width="match_parent" 
        android:layout_height="match_parent" 
        android:layout_gravity="center" 
        android:background="@android:color/transparent" 
        android:src="@drawable/ic_arrow" /> 
      </LinearLayout> 
     </LinearLayout> 

     <LinearLayout 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal"> 

      <Button 
       android:id="@+id/btnSearchBus" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_gravity="center" 
       android:background="@android:color/transparent" 
       android:gravity="center" 
       android:text="@string/btn_text_search" 
       android:textColor="@color/colorAccent" 
       android:theme="@style/ThemeOverlay.AppCompat.Light" /> 

     </LinearLayout> 

    </LinearLayout> 

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

<ListView 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:id="@+id/mainList" 
    app:layout_behavior="@string/appbar_scrolling_view_behavior"> 

</ListView> 

+0

折りたたみ可能なレイアウト用のJavaコードは何ですか? –

+0

@VivekSolanki現時点ではそうではありません。そのようなことができるかどうかを知りたいだけです。 –

+0

http://www.sgoliver.net/blog/animaciones-basicas-coordinatorlayout/ –

答えて

0

はい、それは可能です! のためのシンプルな折りたたみ可能なレイアウトは、あなたがこのような何かを行うことができます。

final TextView descriptionText = (TextView) view.findViewById(R.id.detail_description_content); 
     final TextView showAll = (TextView) view.findViewById(R.id.detail_read_all); 
     showAll.setOnClickListener(new OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       showAll.setVisibility(View.INVISIBLE); 

       descriptionText.setMaxLines(Integer.MAX_VALUE); 
      } 
     }); 

XML:あまりに

<?xml version="1.0" encoding="utf-8"?> 
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 
    <LinearLayout 
     android:id="@+id/detail_description_container" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="vertical" 
     > 

     <TextView 
      android:id="@+id/detail_description_content" 
      android:maxLines="5" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content"/> 
     <TextView 
      android:id="@+id/detail_read_all" 
      android:clickable="true" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"/> 
    </LinearLayout> 
</ScrollView> 

チェックthis lib:このことができます

願っています!

+0

うわー、それはすごくすごいですが、もう1つの質問です。折りたたみの概念はツールバーと同じです。あるいは、すべてのコードを別の方法で再定義する必要があります。 私の考えは最初は崩壊しているツールバーのレイアウトを作成していたからですか? @VivekSolanki –

+0

申し訳ありません!私はそれについて正確には分かりません。しかし、私が知る限り、あなたは動的に/ onscrollevent、ツールバーの崩壊のためのアニメーションが必要になります知っている。 –