滑动浏览图库

发布于 2024-12-26 19:34:43 字数 163 浏览 1 评论 0原文

我正在创建一个应用程序,我需要在图库中滑动图像。我正在使用 Sencha Touch 来实现同样的目的。它允许我顺利地浏览图像,但我需要一个标题来记录我所在的图像的计数。例如:1/5、2/5 等。

知道我该怎么做吗???

我希望代码特别是在 javascript 和 css 中。

I am creating an applilcation where I need to swipe through images in my gallery. I am using Sencha Touch for the same. It allows me to swipe through the images smoothly but I need a header that keeps a count of which image I am in. For eg: 1/5, 2/5 and so on.

Any idea how do i do that???

I would appreciate the code being in javascript and css specifically.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

北方的巷 2025-01-02 19:34:43

在 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 = (Gallery) findViewById(R.id.gal);

我认为您知道如何将 Adapter 设置为 Gallery,所以不在这里解释一下。

在 Activity 的 onCreate() 方法中,编写以下代码 上面

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

的代码将在您滑动 Galley 时显示 Gallery Item 的位置。

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

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

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

Use a TextView and Gallery in your XML layout as below

<?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>

In Java file, before onCreate() method

TextView textView;
Gallery gallery;

Find the TextView as below

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/"

Next, Gallery as below

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

I think you know how to set Adapter to Gallery, so not explaining that here.

In onCreate() method of your activity, write below code

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

The above code will display the position of Gallery Item when you swipe the Galley.

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

The above code will display the position of Gallery Item when you click an item in the Galley.

I hope you will understand this, if any doubts feel free to ask me.

乖不如嘢 2025-01-02 19:34:43

你试过这个图书馆吗
Jquery Touchwipe

它适用于 Android

Have you tried this library,
Jquery Touchwipe

It works on Android

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文