布局中添加侧边滑动条

html:

 <tabs type="card" class="tabs" v-model="tab_model" @on-click="message">
 <tab-pane :label="lab1" name="name0">
<div class="t1">
 <i-table :columns="columns3":data="data3"> </i-table>
  <page class="page2" show-elevator :total="count1" :current="current_num1" 
placement="top" @on-change="numChange1" 
  show-sizer :page-size="pageSize1" @on-page-size-change="pageSizeChange1"></page>
                  </div>
          <div class="c1" id="c0">
      </div>
 </tab-pane>

js:

  length1=Math.ceil(val.length/6)*200+"px";
              if(length1.substring(0,length1.indexOf("p"))>600){
                $(".c1").css("overflow","auto");
              }

给定一个具体的高度,如果里面的内容超过了这个高度,就加入滑动条.

实现侧边滑动退出可以通过以下步骤: 1. 在 `AndroidManifest.xml` 文件设置对应 Activity 的 `android:theme` 属性为 `@style/Theme.AppCompat.Translucent`。 2. 在该 Activity 的 `onCreate()` 方法添加以下代码: ```java if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS); } ``` 这段代码的作用是使状态栏透明。 3. 实现侧边滑动退出的效果。可以通过自定义一个 `GestureDetector` 来捕获用户的手势,然后判断手势是不是从屏幕左边缘向右滑动,并且滑动的距离超过一定值,就触发退出操作。可以参考以下代码: ```java private GestureDetector mGestureDetector; private static final int MIN_SWIPE_DISTANCE = 120; @Override public boolean dispatchTouchEvent(MotionEvent event) { if (mGestureDetector != null) { mGestureDetector.onTouchEvent(event); } return super.dispatchTouchEvent(event); } private void initGestureDetector() { mGestureDetector = new GestureDetector(this, new GestureDetector.SimpleOnGestureListener() { @Override public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) { if (e1.getX() - e2.getX() > MIN_SWIPE_DISTANCE && Math.abs(velocityX) > Math.abs(velocityY)) { finish(); overridePendingTransition(0, R.anim.slide_out_right); return true; } return false; } }); } ``` 在 `onCreate()` 方法调用 `initGestureDetector()` 方法进行初始化。 4. 实现退出时的动画效果。可以在 `res/anim` 目录下创建一个 `slide_out_right.xml` 文件,内容如下: ```xml <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:fromXDelta="0" android:toXDelta="100%" android:duration="300" /> </set> ``` 这个文件定义了一个从左往右滑出的动画效果。 至此,侧边滑动退出功能就实现了。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值