滑动图库

时间:2012-01-13 04:33:01

标签: javascript android cordova extjs

我正在创建一个applilcation,我需要在我的图库中滑动图像。我正在使用Sencha Touch。它允许我平滑地浏览图像,但我需要一个标题来计算我所在的图像。例如:1 / 5,2 / 5等等。

知道我该怎么做???

我很欣赏javascript和css中的代码。

2 个答案:

答案 0 :(得分:0)

在XML布局中使用TextView和Gallery,如下所示

<?xml version="1.0" encoding="utf-8"?>    
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:gravity="center_horizontal" >

    <TextView android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" /> 

    <Gallery android:id="@+id/gal"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:spacing="10px" />
</LinearLayout>

在Java文件中,onCreate()方法之前

TextView textView;
Gallery gallery;

找到TextView,如下所示

textView = (TextView)findViewById(R.id.tv);
txtview.setText("1/"+count); // count is a variable which contains total no.of items in gallery
// Initially the item in Gallery is 1st one so, i took "1/"

接下来,图库如下

gallery = (Gallery) findViewById(R.id.gal);

我想你知道如何将Adapter设置为Gallery,所以不在这里解释。

在您的活动的onCreate()方法中,写下以下代码

    gallery.setOnTouchListener(new View.OnTouchListener() {         
        public boolean onTouch(View v, MotionEvent event) {             
            int position = gallery.getSelectedItemPosition();
            txtview.setText(""+(position+1)+"/"+count);
            return false;
        }            
    });

上面的代码会在您滑动厨房时显示图库项目的位置。

        gallery.setOnItemClickListener(new OnItemClickListener() {
            public void onItemClick(AdapterView parent, View v, int position, long id) {
                textView .setText(""+(position+1)+"/"+count);
            }
        });

当您点击厨房中的项目时,上面的代码将显示图库项目的位置。

我希望你能理解这一点,如果有任何疑问可以随意问我。

答案 1 :(得分:0)

你试过这个库吗? Jquery Touchwipe

适用于Android