android - マウスオーバーに相当するjQueryモバイル

Question

カーソルがホバーすると、一連のサムネイル img タブ間でアクティブになる機能があります。

画像は display:block と position:absolute で、マウスオーバーで位置 (上) とサイズが変わります。

Android または iPhone/iPad Safari で同じことを再現するにはどうすればよいですか。

Answer 1

tapおそらく、イベントを。ではなくサムネイルにバインドすることをお勧めしますmouseover。iOS上のSafariは、ホバーイベントをタップ/クリックとしてすでに解釈している可能性があるため、そのような場合は何もする必要はありませんが、CSS:hover疑似クラスにのみ適用される可能性がありますmouseover。

Answer 2

@Didier Levy in androidカーソルがないので、同様の効果を与えることはできません。

uができることは、いくつかの.xmlファイルを使用して、ボタンの背景などを変更できることです。

まず、bg_button.xmlに新しいandroid.xmlファイルをプロジェクトのres/drawableディレクトリに作成します

内容は

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true"
      android:drawable="@drawable/bg_button_ov" /> <!-- pressed -->

<item android:state_focused="true"
      android:drawable="@drawable/bg_button_ov" /> <!-- focused -->

<item android:drawable="@drawable/bg_button_n" /> <!-- default -->
</selector>

必要な効果のために@drawableリソースを使用してください

今度はこの効果をボタンに追加します

 <Button
        android:id="@+id/button_save"
        android:layout_width="80dp"
        android:layout_height="fill_parent"


        android:background="@drawable/bg_button" <!-- drawable resource used here-->

        android:text="@string/Save"
        android:textSize="10dp"
        android:textStyle="bold" />