Android 在图像之间切换的最佳方式是什么?

Android 在图像之间切换的最佳方式是什么?,android,imageview,Android,Imageview,在我的应用程序中,我有一个带有四个按钮的布局,每个按钮在调用时都应该显示一系列图像(大约5-6个)。我刚刚了解bitmapfactory,正在学习如何实现它,但我的问题是,显示这些图像的最佳方式是什么?我想用手指滑动(而不是计时器)来纠正我的错误标签只适用于3个或更少的标签,图像翻转器适用于2个,所以我想知道一般的共识 再次感谢诸神的威严我建议您使用与此库相结合的gridview:。该库非常容易实现,使您的应用程序运行更顺畅,您不必担心OutOfMemoryErrors或位图 GridView教

在我的应用程序中,我有一个带有四个按钮的布局,每个按钮在调用时都应该显示一系列图像(大约5-6个)。我刚刚了解bitmapfactory,正在学习如何实现它,但我的问题是,显示这些图像的最佳方式是什么?我想用手指滑动(而不是计时器)来纠正我的错误标签只适用于3个或更少的标签,图像翻转器适用于2个,所以我想知道一般的共识
再次感谢诸神的威严

我建议您使用与此库相结合的gridview:。该库非常容易实现,使您的应用程序运行更顺畅,您不必担心OutOfMemoryErrors或位图

GridView教程:

也许可以。这就是一个例子

按下按钮时,您可以以这种方式显示图像


首先,在我的应用程序中,我使用查看寻呼机显示5幅图像。我正在使用一个数组,并通过寻呼机适配器显示它。这是我的代码:

food.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#00FF00" >
<android.support.v4.view.ViewPager
    android:id="@+id/view_pager_ayam"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@+id/desc_text"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:layout_marginLeft="@dimen/view_pager_margin_fix"
    android:layout_marginRight="@dimen/view_pager_margin_fix" >
    <android.support.v4.view.PagerTabStrip
        android:id="@+id/pager_strip"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:background="#33b5e5"
        android:paddingBottom="4dp"
        android:paddingTop="4dp"
        android:textColor="#fff" >
    </android.support.v4.view.PagerTabStrip>
</android.support.v4.view.ViewPager>
这是activity_main.xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">

<Button 
    android:id="@+id/food"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:onClick="food"
    android:text="Food"
    />


在这里,我看不出你使用过位图工厂,你的图像已经解码了吗?我把5幅图像(阿亚姆·巴卡尔、阿亚姆·戈伦、阿亚姆·克雷姆斯、阿亚姆·隆博克·伊霍、阿亚姆·彭耶)放在了res/drawable文件夹中。您可以签入Food.java<代码>galeri_images_ayam=new int[]{0,R.drawable.ayam_bakar,R.drawable.ayam_goreng,R.drawable.ayam_kremes,R.drawable.ayam_lombok_ijo,R.drawable.ayam_penyet,0}<代码>很抱歉回复晚了。在我的餐厅应用程序中,有一个名为food package的设备使用gridview(gridview上有9项)。如果单击了1个项目,它将显示此查看页面(在1个查看页面上有14个项目)。您好,我已经查看了您的答案,可能会将其标记为最佳,但我想知道gridview是否可以设置为在没有任何额外用户交互的情况下一次显示一个,或者在单击一个之前,它是否会一次显示所有图像?再次感谢如果您一次只想使用一个,您应该使用ViewPager,库中有一个示例。。。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<TextView
    android:id="@+id/description_menu"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/menu"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:text="description" />

<TextView
    android:id="@+id/price_menu"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/description_menu"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:text="price" />

<ImageView
    android:id="@+id/menu"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:background="#00FF00" />
package com.example.app;

public class Food extends Activity{

ArrayList<Float> pos = new ArrayList<Float>();
private int [] galeri_images_ayam;
private String [] label_ayam;
private String [] price;
Boolean isScrooled = false;
ViewPager vp;
PagerTitleStrip pts;
Timer tm;
int page = 1;
PagerAdapter adapt;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.food);

    galeri_images_ayam = new int [] {
            0,
            R.drawable.ayam_bakar, 
            R.drawable.ayam_goreng, 
            R.drawable.ayam_kremes, 
            R.drawable.ayam_lombok_ijo, 
            R.drawable.ayam_penyet,
            0
    };

    label_ayam = new String [] {
            "",
            "Paket 1",
            "Paket 2",
            "Paket 3",
            "Paket 4",
            "Paket 5",
            ""
    };

    price = new String [] {
            "",
            "Harga Rp.8000,-",
            "Harga Rp.9000,-",
            "Harga Rp.9500,-",
            "Harga Rp.8500,-",
            "Harga Rp.7500,-",
            ""
    };

    vp = (ViewPager)findViewById(R.id.view_pager_ayam);
    adapt = new Makanan_Ayam_Image_Adapter(this, galeri_images_ayam, label_ayam, price);
    vp.setAdapter(adapt);                          
  vp.setPageMargin(getResources().getDimensionPixelOffset(R.dimen.view_pager_margin));
            vp.setCurrentItem(1);
    vp.setOnPageChangeListener(new OnPageChangeListener() {

        @Override
        public void onPageSelected(int arg0) {

            pos.clear();

            if(arg0 == 1){
                Toast.makeText(getApplicationContext(), "Paket 1", Toast.LENGTH_SHORT).show();
            } else if(arg0 == 2){
                Toast.makeText(getApplicationContext(), "Paket 2", Toast.LENGTH_SHORT).show();
            } else if(arg0 == 3){
                Toast.makeText(getApplicationContext(), "Paket 3", Toast.LENGTH_SHORT).show();
            } else if(arg0 == 4){
                Toast.makeText(getApplicationContext(), "Paket 4", Toast.LENGTH_SHORT).show();
            } else if(arg0 == 5){
                Toast.makeText(getApplicationContext(), "Paket 5", Toast.LENGTH_SHORT).show();
            }

        }

        @Override
        public void onPageScrolled(int arg0, float arg1, int arg2) {
            try {
            pos.add(arg1);
            if (pos.size() > 0)
                if (arg0 == galeri_images_ayam.length - 1 & pos.get(0) > pos.get(pos.size() - 1) & isScrooled == true) {
                    try {
                        isScrooled = false;
                        vp.setCurrentItem(1, false);
                    } catch (Exception e) {
                        Log.v("tag", "swipe left" + e.toString());
                    }
                } else if(arg0 == 0 & pos.get(0) < pos.get(pos.size() - 1) & isScrooled == true) {
                    try {
                        isScrooled = false;
                        vp.setCurrentItem(galeri_images_ayam.length - 1, false);
                    } catch (Exception e) {
                        Log.v("tag", "swipe right" + e.toString());
                    }
                } else if(arg0 == 0 & pos.size() == 1 & isScrooled == true){
                    try {
                        isScrooled = false;
                        vp.setCurrentItem(galeri_images_ayam.length - 1, false);
                    } catch (Exception e) {
                        Log.v("tag", "swipe right " + e.toString());
                    }
                }
            } catch (Exception e) {
                Log.v("tag", e.toString());
            }
        }

        @Override
        public void onPageScrollStateChanged(int arg0) {
            isScrooled = true;
        }
    });
}

public class Makanan_Ayam_Image_Adapter extends PagerAdapter{

    Context context;
    int galeri_image [];
    String lbl_ayam [];
    String price_menu [];
    LayoutInflater inflater;

    public Makanan_Ayam_Image_Adapter(Context context, int [] galeri_images_ayam, String [] label_ayam, String [] price) {
        this.context = context;
        this.galeri_image = galeri_images_ayam;
        this.lbl_ayam = label_ayam;
        this.price_menu = price;
    }

    @Override
    public int getCount() {
        return label_ayam.length;
    }

    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
        return arg0 == ((RelativeLayout)arg1);
    }

    @Override
    public Object instantiateItem(ViewGroup container, final int pos){
        TextView txt_desc;
        TextView txt_price;
        ImageView imgvw;
        inflater = (LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        final View itemView = inflater.inflate(R.layout.viewpager_item, container, false);
        txt_desc = (TextView)itemView.findViewById(R.id.description_menu);
        txt_price = (TextView)itemView.findViewById(R.id.price_menu);
        txt_desc.setText(label_ayam[pos]);
        txt_price.setText(price[pos]);
        final int current_pos = pos;
        imgvw = (ImageView)itemView.findViewById(R.id.menu); 
        int padding = context.getResources().getDimensionPixelSize(R.dimen.padding_medium);
        imgvw.setPadding(padding, padding, padding, padding);
        imgvw.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
        imgvw.setImageResource(galeri_images_ayam[pos]);
        ((ViewPager) container).addView(itemView, 0);
        return itemView;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
      ((ViewPager) container).removeView((RelativeLayout) object);
    }

    public CharSequence getPageTitle (int position) {
        return label_ayam[position];
    }
}
public class MainActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    Button food = (Button)findViewById(R.id.food);
    food.setOnClickListener(new OnClickListener() {

        @SuppressWarnings("deprecation")
        @Override
        public void onClick(View v) {
            // TODO Auto-generated method stub
            Intent i = new Intent(getApplicationContext(), Food.class);
            startActivity(i);
        }
    });
}
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">

<Button 
    android:id="@+id/food"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:onClick="food"
    android:text="Food"
    />