ImageViewホバーにテキストが表示されます

Question

ImageViewがあります。ImageViewがあります。タッチ/ホバー/スクロールすると、イメージビューの上にアイテムの説明のようなテキストが表示されます。 googleで検索する適切な用語。任意のヘルプは深く感謝される

Answer 1

私はあなたの要件を通過しました。私はあなたが必要とするものと同じものを見つけました。これは、あなたがスクロールでホバーアニメーションであなたのカードを得ることができるリンクです。

https://github.com/daimajia/AndroidViewHover

元のビューを作成し、それが例えばBlurLayout

で包まれていたことを確認してくださいGradleの

に

dependencies { 
    compile "com.android.support:support-v4:20.+" 
    compile 'com.nineoldandroids:library:2.4.0' 
    compile 'com.daimajia.easing:library:1.0.0@aar' 
    compile 'com.daimajia.androidanimations:library:1.1.2@aar' 
    compile 'com.daimajia.androidviewhover:library:1.0.4@aar' 
} 

を依存を追加します。

<com.daimajia.androidviewhover.BlurLayout 
     android:id="@+id/sample" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content"> 
     <ImageView 
      android:layout_centerInParent="true" 
      android:scaleType="fitXY" 
      android:src="@drawable/kid" 
      android:layout_width="match_parent"/> 
</com.daimajia.androidviewhover.BlurLayout> 

注意を：Blu rLayoutはRelativeLayoutから派生しています。 RelativeLayoutルールを使用してビューをレイアウトすることができます。

ホバービューを作成すると、従うべきルールはありません。このビューは、作成した元のビューと同じくらい大きく引き伸ばされます。

バインドBlurLayout

BlurLayout sampleLayout = (BlurLayout)findViewById(R.id.sample); 
View hover = LayoutInflater.from(mContext).inflate(R.layout.hover, null); 
sampleLayout.setHoverView(hover); 

とあなただけの1行のコードでは、様々なアニメーションを追加することができますことを忘れないでくださいへのホバー表示。例：

//View (R.id.heart) appear animation. 
sampleLayout.addChildAppearAnimator(hover, R.id.heart, Techniques.FlipInX); 
//View (R.id.heart) disappear animation. 
sampleLayout.addChildDisappearAnimator(hover, R.id.heart, Techniques.FlipOutX);