小编Ken*_*zos的帖子

如何将"ON"和"OFF"文本添加到切换按钮

在我的项目中,我想在我现有的切换代码上添加一个文本.所以我想这样,当切换为ON时,它应显示文本"ON"并显示"OFF"文本,如果切换关闭.我无法将其更改为其他切换,因为它已经有一个使用它的后端.我只想输入"ON"和"OFF"文本.谢谢.

这是我的代码HTML:

<label class="switch"><input type="checkbox" id="togBtn"><div class="slider round"></span></div></label>
Run Code Online (Sandbox Code Playgroud)

CSS:

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ca2222;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2ab934;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: …
Run Code Online (Sandbox Code Playgroud)

html css toggle

21
推荐指数
6
解决办法
6万
查看次数

如何在android studio中调整导航抽屉的宽度

我下载了导航模板,我想调整导航的宽度.我尝试了不同的方法,但我认为没有什么比较适合的.我怎样才能解决我的问题?我无法调整导航抽屉的宽度.

这是我的NavigationalDrawerFragment.java代码

package com.example.user.navigationkamo;

 import android.app.Activity;
 import android.app.Fragment;
 import android.content.SharedPreferences;
 import android.content.res.Configuration;
 import android.content.res.Resources;
 import android.graphics.Bitmap;
 import android.graphics.BitmapShader;
 import android.graphics.Canvas;
 import android.graphics.ColorFilter;
 import android.graphics.Paint;
 import android.graphics.PixelFormat;
 import android.graphics.Rect;
 import android.graphics.RectF;
 import android.graphics.Shader;
 import android.graphics.drawable.Drawable;
 import android.os.Bundle;
 import android.preference.PreferenceManager;
 import android.support.v7.app.ActionBarDrawerToggle;
 import android.support.v4.widget.DrawerLayout;
 import android.support.v7.widget.LinearLayoutManager;
 import android.support.v7.widget.RecyclerView;
 import android.support.v7.widget.Toolbar;
 import android.util.TypedValue;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
 import android.widget.ImageView;
 import android.widget.TextView;

 import java.util.ArrayList;
 import java.util.List;

/**
* Fragment used for managing interactions for and presentation of a navigation drawer.
* See …
Run Code Online (Sandbox Code Playgroud)

android navigation-drawer

11
推荐指数
2
解决办法
2万
查看次数

标签 统计

android ×1

css ×1

html ×1

navigation-drawer ×1

toggle ×1