2016-03-23 18 views

cevap

3

Sen

  1. sadece üç adımda :) bunu yapmak build.gradle içinde bağımlılıkları için compile 'com.github.ksoichiro:android-observablescrollview:1.6.0' Ekle önceden Toolbar

    Teşekkür kullanmadan ben Paralaks nasıl yapabilirim öğrenmek istiyorum (project on github)

  2. ImageView, kaydırılabilir içeriği ve kap olarak ObservableScrollView ile düzeni oluşturun. senin ObservableScrollView içinde

    activity_layout.xml

    <?xml version="1.0" encoding="utf-8"?> 
    <com.github.ksoichiro.android.observablescrollview.ObservableScrollView  
        xmlns:android="http://schemas.android.com/apk/res/android" 
        android:id="@+id/observable_scrollview" 
        android:layout_width="match_parent" 
        android:layout_height="match_parent"> 
    
        <LinearLayout 
         android:layout_width="wrap_content" 
         android:layout_height="match_parent" 
         android:orientation="vertical"> 
    
         <ImageView 
          android:id="@+id/image_view" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:adjustViewBounds="true" 
          android:src="@drawable/example" /> 
         <View 
          android:id="@+id/your_content" 
          android:layout_width="wrap_content" 
          android:layout_height="600dp" 
          android:background="@android:color/black" /> 
        </LinearLayout> 
    </com.github.ksoichiro.android.observablescrollview.ObservableScrollView> 
    
  3. Seti ObservableScrollViewCallbacks ve

    public class MainActivity extends AppCompatActivity implements ObservableScrollViewCallbacks { 
        private ImageView imageView; 
    
        @Override 
        protected void onCreate(Bundle savedInstanceState) { 
         super.onCreate(savedInstanceState); 
         setContentView(R.layout.activity_layout); 
         ObservableScrollView observableScrollView = (ObservableScrollView) findViewById(R.id.observable_scrollview); 
         observableScrollView.setScrollViewCallbacks(this); 
         imageView = (ImageView) findViewById(R.id.image_view); 
        } 
    
        @Override 
        public void onScrollChanged(int scrollY, boolean firstScroll, boolean dragging) { 
         imageView.setTranslationY(scrollY/2); 
        } 
    } 
    

Çok önemli onScrollChange stilini ImageView ekseni y üzerinde çevirmek imageview olduğunu. setTransl ationY (scrollY/2);, ImageView öğenizin, kaydırma içeriğinizden iki kat daha yavaş kaydırdığı anlamına gelir. Burada

Ve öyle görünüyor nasıl: Bu kod son zamanlarda gördüğü

Parallax image

+0

ve benim yararına olarak görünüyor (ama, bütün örnekler araç çubuğunu kullanarak bu örneği görmedik ana sayfada) çok teşekkür ederim! –

+0

Hey arkadaşım! Yeni bir mizanpaj eklemekle ilgili bazı problemler alıyorum (bu yeni bakışta Paralaks etkisine sahip olmak istemiyorum), lütfen bana yardım edebilir misiniz? –

+0

Hey cevap vermeden bana cevap verebilir misiniz? Size çok teşekkür ederim! –

İlgili konular