平移滑动详情页面

在这里我们来说一下:平移滑动详情页面的做法:
首先我们导入依赖:compile 'me.imid.swipebacklayout.lib:library:1.0.0'
其次在values中的style中写入:<item name="android:windowIsTranslucent">true</item>
然后在重新定义一个Activity:
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import me.imid.swipebacklayout.lib.SwipeBackLayout;
import me.imid.swipebacklayout.lib.app.SwipeBackActivity;
public class BaseActivity extends SwipeBackActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_base);
        SwipeBackLayout swipeBackLayout=getSwipeBackLayout();
        swipeBackLayout.setEdgeTrackingEnabled(SwipeBackLayout.EDGE_LEFT);
    }
}
然后回到详情页面给webView一个点击事件:
下面是我自己写的代码仅供参考,如有意见请提出更好的建议:
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.webkit.WebView;
public class DetailActivity extends BaseActivity {
    private WebView web_view;
    private String url;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_detail);
        Intent in=getIntent();
        url = in.getStringExtra("url");
        //初始化控件
        initView();
    }
    /**
     * 获取控件
     */
    private void initView() {
        web_view= (WebView) findViewById(R.id.web_view);
        web_view.getSettings().setJavaScriptEnabled(true);
        web_view.loadUrl(url);
        web_view.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                scrollToFinishActivity();
            }
        });
    }
}
切记:要继承自己写的activity类如:
BaseActivity就是我自己写的activity类





  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用HTML和CSS来实现图片自动滑动,具体步骤如下: 1. 在HTML中创建一个包含图片的容器,例如使用div标签,并在其中嵌套多个img标签,每个img标签代表一张图片。 2. 在CSS中设置容器的宽度和高度,并将overflow属性设置为hidden,这样可以隐藏容器外的图片。 3. 设置每个img标签的宽度和高度,并使用float属性将它们从左到右排列。 4. 在CSS中设置动画效果,使用@keyframes关键字创建动画,将图片从左到右平移,并设置动画持续时间和延迟时间。 5. 最后,在HTML中使用JavaScript代码来触发动画效果,使用setInterval函数设置自动播放图片的时间间隔,每次触发动画时,让第一张图片向左平移,并将其添到容器的末尾,形成循环播放的效果。 下面是一个简单的示例代码: ``` HTML代码: <div class="slider-container"> <img src="img1.jpg"> <img src="img2.jpg"> <img src="img3.jpg"> </div> CSS代码: .slider-container { width: 500px; height: 300px; overflow: hidden; } .slider-container img { width: 500px; height: 300px; float: left; } @keyframes slide { 0% { transform: translateX(0); } 100% { transform: translateX(-500px); } } .slider-container img:first-child { animation: slide 5s infinite; } JavaScript代码: setInterval(function() { var firstImg = document.querySelector('.slider-container img:first-child'); var imgWidth = firstImg.offsetWidth; firstImg.style.transform = 'translateX(-' + imgWidth + 'px)'; setTimeout(function() { firstImg.remove(); document.querySelector('.slider-container').appendChild(firstImg); firstImg.style.transform = 'translateX(0)'; }, 5000); }, 5000); ``` 这样就可以实现一个简单的图片自动滑动效果了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值