7
我想在android中創建圖像幻燈片。android中的圖像幻燈片示例？
我在android gridview中有很多圖像現在我想要打開手動幻燈片，如果任何圖像被點擊，這樣我可以通過移動手指左或右的下一個和前一個圖像 像android內置畫廊。
任何人指導我如何實現這一目標？
任何幫助，將不勝感激。
A
回答
6
你可以在ApiDemos找到例如Gallery1和庫2的：
c:\android-sdk-windows\samples\android-7\ApiDemos\src\com\example\android\apis\view\
19
試試這個代碼，如果你正在使用ViewFlipper顯示圖像
slideShowBtn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
runnable = new Runnable() {
@Override
public void run() {
handler.postDelayed(runnable, 3000);
imageFrame.showNext();
}
};
handler.postDelayed(runnable, 500);
}
});
要停止使用handler.removeCallbacks(runnable);
public class PhotoSlideShowActivity extends Activity implements OnClickListener {
private static final int SWIPE_MIN_DISTANCE = 120;
private static final int SWIPE_MAX_OFF_PATH = 250;
private static final int SWIPE_THRESHOLD_VELOCITY = 200;
private GestureDetector gestureDetector;
View.OnTouchListener gestureListener;
ViewFlipper imageFrame;
RelativeLayout slideShowBtn;
Handler handler;
Runnable runnable;
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.photo_slideshow_main);
imageFrame = (ViewFlipper) findViewById(R.id.imageFrames);
//get sd card path for images
File parentFolder = new
File(Environment.getExternalStorageDirectory()
.getAbsolutePath()
+ "/images");
addFlipperImages(imageFrame, parentFolder);
// Gesture detection
gestureDetector = new GestureDetector(new MyGestureDetector());
gestureListener = new View.OnTouchListener() {
public boolean onTouch(View v, MotionEvent event) {
if (gestureDetector.onTouchEvent(event))
return true;
else
return false;
}
};
handler = new Handler();
imageFrame.setOnClickListener(PhotoSlideShowActivity.this);
imageFrame.setOnTouchListener(gestureListener);
slideShowBtn = (RelativeLayout) findViewById(R.id.slideShowBtn);
slideShowBtn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
runnable = new Runnable() {
@Override
public void run() {
handler.postDelayed(runnable, 3000);
imageFrame.showNext();
}
};
handler.postDelayed(runnable, 500);
}
});
}
private void addFlipperImages(ViewFlipper flipper, File parent) {
int imageCount = parent.listFiles().length;
RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(
RelativeLayout.LayoutParams.FILL_PARENT,
RelativeLayout.LayoutParams.FILL_PARENT);
for (int count = 0; count < imageCount - 1; count++) {
ImageView imageView = new ImageView(this);
Bitmap imbm = BitmapFactory.decodeFile(parent.listFiles()[count]
.getAbsolutePath());
imageView.setImageBitmap(imbm);
imageView.setLayoutParams(params);
flipper.addView(imageView);
}
}
class MyGestureDetector extends SimpleOnGestureListener {
@SuppressWarnings("static-access")
@Override
public boolean onSingleTapConfirmed(MotionEvent e) {
// TODO Auto-generated method stub
slideShowBtn = (RelativeLayout) findViewById(R.id.slideShowBtn);
slideShowBtn.setVisibility(slideShowBtn.VISIBLE);
handler.removeCallbacks(runnable);
runnable = new Runnable() {
@Override
public void run() {
slideShowBtn.setVisibility(slideShowBtn.INVISIBLE);
}
};
handler.postDelayed(runnable, 2000);
return true;
}
@SuppressWarnings("static-access")
@Override
public boolean onSingleTapUp(MotionEvent e) {
// TODO Auto-generated method stub
slideShowBtn = (RelativeLayout) findViewById(R.id.slideShowBtn);
slideShowBtn.setVisibility(slideShowBtn.VISIBLE);
handler.removeCallbacks(runnable);
runnable = new Runnable() {
@Override
public void run() {
slideShowBtn.setVisibility(slideShowBtn.INVISIBLE);
}
};
handler.postDelayed(runnable, 2000);
return true;
}
@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
try {
if (Math.abs(e1.getY() - e2.getY()) > SWIPE_MAX_OFF_PATH)
return false;
// right to left swipe
if (e1.getX() - e2.getX() > SWIPE_MIN_DISTANCE
&& Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) {
handler.removeCallbacks(runnable);
imageFrame.setInAnimation(inFromRightAnimation());
imageFrame.setOutAnimation(outToLeftAnimation());
imageFrame.showNext();
} else if (e2.getX() - e1.getX() > SWIPE_MIN_DISTANCE
&& Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) {
handler.removeCallbacks(runnable);
imageFrame.setInAnimation(inFromLeftAnimation());
imageFrame.setOutAnimation(outToRightAnimation());
imageFrame.showPrevious();
}
} catch (Exception e) {
// nothing
}
return false;
}
}
@Override
public void onClick(View view) {
}
private Animation inFromRightAnimation() {
Animation inFromRight = new TranslateAnimation(
Animation.RELATIVE_TO_PARENT, +1.2f,
Animation.RELATIVE_TO_PARENT, 0.0f,
Animation.RELATIVE_TO_PARENT, 0.0f,
Animation.RELATIVE_TO_PARENT, 0.0f);
inFromRight.setDuration(500);
inFromRight.setInterpolator(new AccelerateInterpolator());
return inFromRight;
}
private Animation outToLeftAnimation() {
Animation outtoLeft = new TranslateAnimation(
Animation.RELATIVE_TO_PARENT, 0.0f,
Animation.RELATIVE_TO_PARENT, -1.2f,
Animation.RELATIVE_TO_PARENT, 0.0f,
Animation.RELATIVE_TO_PARENT, 0.0f);
outtoLeft.setDuration(500);
outtoLeft.setInterpolator(new AccelerateInterpolator());
return outtoLeft;
}
private Animation inFromLeftAnimation() {
Animation inFromLeft = new TranslateAnimation(
Animation.RELATIVE_TO_PARENT, -1.2f,
Animation.RELATIVE_TO_PARENT, 0.0f,
Animation.RELATIVE_TO_PARENT, 0.0f,
Animation.RELATIVE_TO_PARENT, 0.0f);
inFromLeft.setDuration(500);
inFromLeft.setInterpolator(new AccelerateInterpolator());
return inFromLeft;
}
private Animation outToRightAnimation() {
Animation outtoRight = new TranslateAnimation(
Animation.RELATIVE_TO_PARENT, 0.0f,
Animation.RELATIVE_TO_PARENT, +1.2f,
Animation.RELATIVE_TO_PARENT, 0.0f,
Animation.RELATIVE_TO_PARENT, 0.0f);
outtoRight.setDuration(500);
outtoRight.setInterpolator(new AccelerateInterpolator());
return outtoRight;
}
}
佈局
<?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:orientation="vertical" >
<ViewFlipper
android:id="@+id/imageFrames"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@android:drawable/screen_background_dark" >
</ViewFlipper>
<RelativeLayout
android:id="@+id/slideShowBtn"
android:layout_width="fill_parent"
android:layout_height="40dp"
android:layout_alignParentBottom="true"
android:gravity="center" android:visibility="invisible">
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#33FFFFFF"
android:gravity="center"
android:paddingLeft="1dp"
android:paddingRight="1dp"
android:paddingTop="1dp" >
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#66000000"
android:gravity="center" >
<TextView
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:gravity="center"
android:text="Slideshow"
android:textSize="18dp" />
</RelativeLayout>
</RelativeLayout>
</RelativeLayout>
</RelativeLayout>
11
在android中使用ViewFlipper使用幻燈片放映很容易。
將圖像放在可繪製的文件夾中，然後按照下面的代碼。
slide_show.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<ViewFlipper
android:id="@+id/myflipper"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center" >
</ViewFlipper>
</LinearLayout>
SlideShowActivity.java
package com.example.viewpagerexample;
import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.widget.ImageView;
import android.widget.ViewFlipper;
public class SlideShowActivity extends Activity {
private ViewFlipper myViewFlipper;
private float initialXPoint;
int[] image = { R.drawable.one_full, R.drawable.two_full,
R.drawable.three_full, R.drawable.four_full, R.drawable.five_full,
R.drawable.six_full, R.drawable.seven_full, R.drawable.eight_full,
R.drawable.nine_full, R.drawable.ten_full };
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.slide_show);
myViewFlipper = (ViewFlipper) findViewById(R.id.myflipper);
for (int i = 0; i < image.length; i++) {
ImageView imageView = new ImageView(SlideShowActivity.this);
imageView.setImageResource(image[i]);
myViewFlipper.addView(imageView);
}
}
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
initialXPoint = event.getX();
break;
case MotionEvent.ACTION_UP:
float finalx = event.getX();
if (initialXPoint > finalx) {
if (myViewFlipper.getDisplayedChild() == image.length)
break;
myViewFlipper.showNext();
} else {
if (myViewFlipper.getDisplayedChild() == 0)
break;
myViewFlipper.showPrevious();
}
break;
}
return false;
}
}
這裏而用戶是滑動圖像只更改。
如果你想自動一定的時間間隔刷卡添加以下代碼
myViewFlipper.setAutoStart(true);
myViewFlipper.setFlipInterval(3000);
myViewFlipper.startFlipping();
+0
它運作良好，但如何將圖像縮放到中心？我在圖像的左側和右側看到一些空白區域。 – 2014-12-29 16:03:15
+0
嗨，我已經這樣做了，通過添加以下行：imageView.setScaleType（ScaleType.CENTER_CROP）; – 2014-12-29 16:21:39
+0
我遇到問題，內存不足。他們有什麼辦法來解決這個錯誤？我得到'無法以4194304個免費字節和31MB直到OOM'分配52920012字節分配 – 2017-01-21 18:04:58
0
嘗試下面的全部源代碼，這些：
MainActivity.java：
package com.example.splashanimation;
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ViewFlipper;
public class MainActivity extends Activity {
int mFlipping = 0 ; // Initially flipping is off
Button mButton ; // Reference to button available in the layout to start and stop the flipper
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activtiy_main);
/** Click event handler for button */
ViewFlipper flipper = (ViewFlipper) findViewById(R.id.flipper1);
/** Start Flipping */
flipper.startFlipping();
mFlipping=1;
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}
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" >
<ViewFlipper
android:id="@+id/flipper1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:flipInterval="3000"
android:inAnimation="@anim/slide_in_right"
android:outAnimation="@anim/slide_in_left"
android:layout_centerInParent="true" >
<ImageView
android:src="@drawable/img1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:contentDescription="@string/str_img1"
android:layout_gravity="center_horizontal" />
<ImageView
android:src="@drawable/img2"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:contentDescription="@string/str_img2"
android:layout_gravity="center_horizontal" />
<ImageView
android:src="@drawable/img3"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:contentDescription="@string/str_img3"
android:layout_gravity="center_horizontal" />
<ImageView
android:src="@drawable/img4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:contentDescription="@string/str_img4"
android:layout_gravity="center_horizontal" />
<ImageView
android:src="@drawable/img5"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:contentDescription="@string/str_img5"
android:layout_gravity="center_horizontal" />
</ViewFlipper>
</RelativeLayout>
在res /動畫/ slide_in_left.xml：
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/decelerate_interpolator" >
<translate
android:fromXDelta="0"
android:toXDelta="-100%p"
android:duration="500"/>
</set>
在res /動畫/ slide_in_right.xml：
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/decelerate_interpolator">
<translate
android:fromXDelta="100%p"
android:toXDelta="0"
android:duration="500"/>
</set>
相關問題
- 1. 圖像幻燈片的JavaScript幻燈片
- 2. Android中的幻燈片示例代碼
- 3. 在Android中的圖像幻燈片
- 4. 幻燈片圖像
- 5. php幻燈片示例
- 6. JQuery - 幻燈片示例
- 7. 使用ViewSwitcher的Android圖像幻燈片
- 8. Android：幻燈片圖片
- 9. 在Android中幻燈片顯示圖像/視頻像WhatsApp狀態？
- 10. setInterval的幻燈片圖像
- 11. jQuery的圖像幻燈片
- 12. Android FrameLayout與圖像幻燈片
- 13. 在幻燈片導航中選擇圖像幻燈片
- 14. 離子幻燈片不顯示圖像
- 15. JavaScript幻燈片顯示所有圖像
- 16. 顯示圖像內嵌幻燈片
- 17. 幻燈片圖像顯示不
- 18. 不顯示幻燈片圖像標題
- 19. 顯示幻燈片 - Android OutOfMemoryError
- 20. 像幻燈片
- 21. 簡單的圖像幻燈片播放（包括示例）
- 22. CSS Centering幻燈片圖像
- 23. 幻燈片在圖像 - jQuery
- 24. 從JSON幻燈片圖像
- 25. php + mysql圖像幻燈片
- 26. 彈性圖像幻燈片
- 27. 幻燈片 - 圖像格外
- 28. 分層圖像幻燈片
- 29. iPhone圖像幻燈片
- 30. 圖像幻燈片腳本
不都是沒有幫助我想打開圖像完整的一面，然後左右滑動手動如何打開全屏幕圖像與滑塊？ – UMAR 2010-06-08 09:07:57
只需創建一個全屏ImageView（將寬度和高度設置爲fill_parent）並添加一個SimpleGestureListener以識別onFling手勢。當它被識別時，切換ImageView中的圖像。 – reflog 2010-06-08 09:52:27
動畫呢？怎麼樣的手勢？捏和縮放怎麼樣？旋轉？作物？設置爲牆紙？等問題是，3D畫廊不能重複使用！ – 2011-04-14 13:30:48