『壹』 有没有人用过XRCarouselView这个 轮播框架
动导入
将XRCarouselView文件夹中的所有文件添加到项目中
cocoapods导入
pod 'XRCarouselView'
使用
导入主头文件 XRCarouselView.h
创建XRCarouselView,设置图片(路径)数组
将XRCarouselView添加到要展示到view上面
XRCarouselView的常用属性方法
imageArray:要轮播的图片数组,可传本地图片或网络图片路径
time:设置每页的停留时间
pageContolPosition:设置分页控件的位置
pageControlHidden:隐藏分页控件
『贰』 android 中怎么实现多图自动轮播中间放大的效果
1,顶部轮播图,自动轮播效果。
2,顶部的viewpager 可随着下拉图片有渐变大的效果。
使用方法:
1,带轮播图的自定义ScrollView ,在项目中的名字叫ViewPagerImageScrollView,主要是通过图片的matrix.postScale(scale, scale, imgHeight/2, 0); 这个来进行当大图片。
『叁』 bootstrap 3 框架轮播图怎么调用js
你就把Bootstrap网站上的代码复制到你的页面上,引入"bootstrap.css"
再在底部</body>上面引入下面两行JS文件代码就可以了
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="//www.ranyouranqiguolu.com/js/bootstrap.min.js"></script>
『肆』 网站首页轮播图怎么做简单
最简单的就是自己切换,点击切换,多少要使用一点jq代码
『伍』 安卓轮播图怎么让到最后一张的时候来
利用Android的ViewFlipper和AnimationUtils实现图片带有动画的轮播切换,其中当点击“上一张”图片时,切换到上一张图片;当点击“下一张”图片时,切换到下一张图片。其效果图如下:
ViewFlipper类和WindowManager类
animation动画效果translate和alpha
方法/步骤
1
设置布局文件,其内容如下:
activity_image_flipper_shade.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android=""
xmlns:tools=""
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/background"
android:paddingBottom="@dimen/activity_optopns_vertical_margin"
android:paddingLeft="@dimen/activity_options_horizontal_margin"
android:paddingRight="@dimen/activity_options_horizontal_margin"
android:paddingTop="@dimen/activity_optopns_vertical_margin"
tools:context=".ImageFlipperActivity" >
<RelativeLayout
android:id="@id/rl_image_flipper_shade_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<Button
android:id="@+id/btn_image_flipper_shade_back"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_marginBottom="10dp"
android:background="@drawable/custom_button"
android:text="@string/back"
android:textColor="@color/textColor"
android:textSize="16sp"
android:visibility="visible" />
<TextView
android:id="@id/tv_image_flipper_shade_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="@string/image_flipper_shade"
android:textColor="@color/textColor"
android:textSize="30sp"
android:textStyle="bold" />
</RelativeLayout>
<LinearLayout
android:id="@id/ll_image_flipper_shade_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@id/rl_image_flipper_shade_title"
android:layout_marginBottom="20dp"
android:layout_marginTop="20dp"
android:gravity="center"
android:orientation="vertical" >
<ViewFlipper
android:id="@id/vf_image_flipper_shade"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
</RelativeLayout>
2
动画效果配置文件,其内容如下:
A.push_left_in.xml(从左边进入屏幕)
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="" >
<!-- translate:画面转换位置移动动画效果 -->
<translate
android:ration="500"
android:fromXDelta="100%p"
android:toXDelta="0" />
<!-- alpha:渐变透明度动画效果 -->
<alpha
android:ration="500"
android:fromAlpha="0.1"
android:toAlpha="1.0" />
<!-- scale:渐变尺寸伸缩动画效果 -->
<!-- rotate:画面转换位置移动动画效果 -->
</set>
B.push_left_out.xml(从左边退出屏幕)
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:ration="500"
android:fromXDelta="0"
android:toXDelta="-100%p" />
<alpha
android:ration="500"
android:fromAlpha="1.0"
android:toAlpha="0.1" />
</set>
C.push_right_in.xml(从右边进入屏幕)
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:ration="500"
android:fromXDelta="-100%p"
android:toXDelta="0" />
<alpha
android:ration="500"
android:fromAlpha="0.1"
android:toAlpha="1.0" />
</set>
D.push_right_out.xml(从右边退出屏幕)
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:ration="500"
android:fromXDelta="0"
android:toXDelta="100%p" />
<alpha
android:ration="500"
android:fromAlpha="1.0"
android:toAlpha="0.1" />
</set>
Android实现图片轮播切换
3
实现图片轮播切换的类为ImageFlipperShadeActivity.java,其内容为:
/**
*
*/
package com.i114gbox.aglieguy;
import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.PixelFormat;
import android.os.Bundle;
import android.os.Handler;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.WindowManager;
import android.view.WindowManager.LayoutParams;
import android.view.animation.AnimationUtils;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.ViewFlipper;
import com.i114gbox.sdk.activity.I114gBoxActivity;
import com.i114gbox.sdk.utils.I114gBoxCollectActivityUtils;
import com.i114gbox.sdk.utils.I114gBoxLogUtils;
import com.i114gbox.sdk.utils.I114gBoxResourceUtils;
/**
* 图片滑动渐变Activity
*
* @author SJC
*
*/
public class ImageFlipperShadeActivity extends I114gBoxActivity {
private static String TAG = "ImageFlipperShadeActivity";
private Context ctx = null;
private ViewFlipper viewFlipper;// 视图轮播
private WindowManager windowManager;// 窗口管理器
private WindowManager.LayoutParams layoutParams;// 布局参数
private boolean isHide;
private int mAlpha = 0;
// 左边图片视图
private ImageView leftImageView;
// 右边图片视图
private ImageView rightImageView;
private int WHAT_HIDE = 0;
private int WHAT_SHOW = 1;
@Override
protected void onCreate(Bundle savedInstanceState) {
I114gBoxLogUtils.d(TAG, "The onCreate method execute.");
super.onCreate(savedInstanceState);
I114gBoxCollectActivityUtils.getInstance().addActivity(this);// 收集Activity
ctx = this;
setContentView(I114gBoxResourceUtils.getLayoutId(ctx,
"activity_image_flipper_shade"));
viewFlipper = (ViewFlipper) findViewById(I114gBoxResourceUtils.getId(
ctx, "vf_image_flipper_shade"));
viewFlipper.addView(addImageView(I114gBoxResourceUtils.getDrawableId(
ctx, "flipper_01")));
viewFlipper.addView(addImageView(I114gBoxResourceUtils.getDrawableId(
ctx, "flipper_02")));
viewFlipper.addView(addImageView(I114gBoxResourceUtils.getDrawableId(
ctx, "flipper_03")));
viewFlipper.addView(addImageView(I114gBoxResourceUtils.getDrawableId(
ctx, "flipper_04")));
viewFlipper.addView(addImageView(I114gBoxResourceUtils.getDrawableId(
ctx, "flipper_05")));
viewFlipper.addView(addImageView(I114gBoxResourceUtils.getDrawableId(
ctx, "flipper_06")));
Button backButton = (Button) findViewById(I114gBoxResourceUtils.getId(
ctx, "btn_image_flipper_shade_back"));
backButton.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
finish();
}
});
『陆』 bootstrap做轮播图时遇到的问题
是不是图片外面的盒子有padding或者图片有margin啊。
解决方法:
1.给img标签外的元素添加padding:0;
2.给img添加margin:0;display:block;width:0;
『柒』 Bootstrap轮播图的切换按钮如何制作
//在自定义css样式中加入下面代码,自定义css在bootstrap.min.css后引入;
.carousel > .left, .carousel > .right {
background-image: none;
}
Bootstrap,来自Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使得 Web 开发更加快捷。
它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。
『捌』 推荐一个关于图片轮播的安卓app
之前用的快图,和3D图库,好像可以设置轮播
『玖』 求安卓Banner的轮播图,
这个你想实现这个功能,有个开源的框架,叫LoopViewPager 就是一个无限循环的ViewPager
非常适合用来做轮播
其实你直接用ViewPager也可以做,只是,当你轮播到最后一张的时候,你把时间设置为0就直接一闪就过去了
『拾』 bootstrap框架下两个轮播图下面的圆点怎么弄成不一样的颜色
要分别给两个圆点不一样的Class,才能分别控制