我是Android开发的新手,所以如果这是一个"noobish"的问题,我会事先提前通知.
使用RelativeLayout,我有一个ID为的ToggleButton reminderToggle:
<ToggleButton
android:id="@+id/reminderToggle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/reminderDesc"
android:layout_alignBottom="@+id/reminderDesc"
android:layout_toRightOf="@+id/imageView1"
android:text="ToggleButton" />
Run Code Online (Sandbox Code Playgroud)
我在用:
ToggleButton reminderToggle = (ToggleButton)findViewById(R.id.reminderToggle);
Run Code Online (Sandbox Code Playgroud)
然后:
if(reminderToggle.isChecked()) {
Run Code Online (Sandbox Code Playgroud)
在一个按钮onClick监听器里面onCreate,查看ToggleButton的内容.这一切都很好.我不知道我做了什么,但现在应用程序在单击按钮时崩溃了.在LogCat`中,我可以看到
FATAL EXCEPTION: main
java.lang.ClassCastException: android.widget.TextView cannot be cast to android.widget.ToggleButton
at nz.co.kwiius.park.ParkActivity$4.onClick(ParkActivity.java:139)
Run Code Online (Sandbox Code Playgroud)
第139行是:
ToggleButton reminderToggle = (ToggleButton)findViewById(R.id.reminderToggle);
Run Code Online (Sandbox Code Playgroud)
正如您在XML中看到的,reminderToggle是一个ToggleButton.所有这些大惊小怪的是什么?:)
在此先感谢,JJ56
PS:提醒切换的ID只有一个,就是这个ToggleButton
我有一个CustomButton类(扩展LinearLayout),其中我膨胀包含一个布局ToggleButton(实际上这更复杂,但我在这里简化了问题).
public class CustomButton extends LinearLayout {
private ToggleButton toggleOnOffButton;
public CustomButton(Context context, AttributeSet attrs) {
super(context, attrs);
LayoutInflater.from(context).inflate(R.layout.custom_button_layout, this);
}
@Override
protected void onFinishInflate() {
toggleOnOffButton = (ToggleButton) findViewById(R.id.toggle_on_off_button);
super.onFinishInflate();
}
public ToggleButton getToggleOnOffButton() {
return toggleOnOffButton;
}
}
Run Code Online (Sandbox Code Playgroud)
custom_button_layout.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
<ToggleButton android:id="@+id/toggle_on_off_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textOff="Off"
android:textOn="On"
android:layout_alignParentRight="true"
/>
</RelativeLayout>
Run Code Online (Sandbox Code Playgroud)
我有一个活动,我用2 CustomButton-s 夸大布局.第一个toggleButton的开/关状态保存在共享首选项中,我从onCreate方法中加载值.
public class FirstActivity extends Activity
{
private CustomButton customButton;
private ToggleButton toggleBut;
@Override
public …Run Code Online (Sandbox Code Playgroud) 我正在使用Bootstrap v3.0.2开发响应式wordpress主题.
在移动/平板电脑浏览器而不是整个菜单中,我需要显示Bootstrap切换按钮.我的按钮显示,但是当我点击它时没有发生任何事情.这是我在我写的代码header.php:
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
Run Code Online (Sandbox Code Playgroud)
我写的那个function.php:
function wpt_register_js() {
wp_register_script(
'jquery.bootstrap.min',
get_template_directory_uri() . '/js/bootstrap.min.js',
'jquery'
);
wp_enqueue_script('jquery.bootstrap.min');
}
add_action( 'init', 'wpt_register_js' );
function wpt_register_css() {
wp_register_style(
'bootstrap.min',
get_template_directory_uri() . '/css/bootstrap.min.css'
);
wp_enqueue_style( 'bootstrap.min' );
}
add_action( 'wp_enqueue_scripts', 'wpt_register_css' );
Run Code Online (Sandbox Code Playgroud)
footer.php代码包含:
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<?php wp_footer();?>
</body>
Run Code Online (Sandbox Code Playgroud)
header.php包含:
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php wp_title('|', true, 'right'); ?></title> …Run Code Online (Sandbox Code Playgroud) wordpress-theming collapse togglebutton twitter-bootstrap twitter-bootstrap-3
嗨,我正在尝试通过xml 更改切换按钮的文本颜色.
我已经引用了链接,但它只更改了切换按钮的背景颜色,而不是其文本.
我试过这种方法:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true" android:color="#ffffff" />
<item android:state_checked="false" android:color="#000000" />
</selector>
Run Code Online (Sandbox Code Playgroud)
但只有背景在变化.
注意:我不想在代码中执行此操作,因为有21个切换按钮,并且每个按钮的设置监听器都不好.
android toggle togglebutton android-button android-togglebutton
我有一个基于 ToggleButton 的自定义控件。在它的构造函数中,我创建了一些类型的元素,FrameworkElementFactory并为其中一个元素分配了一个 EventHandler ,如下所示:
button.AddHandler(Ellipse.MouseDownEvent, new MouseButtonEventHandler(Toggle));
这是我的事件处理程序:
private void Toggle(object sender, EventArgs e)
{
var active = GetTemplateChild("Active");
var button = GetTemplateChild("ToggleButton");
Storyboard sb = new Storyboard();
var ta = new ThicknessAnimation();
Storyboard.SetTargetProperty(ta, new PropertyPath("Margin"));
Storyboard.SetTarget(ta, button);
ta.Duration = TimeSpan.FromSeconds(0.2);
var da = new DoubleAnimation();
Storyboard.SetTargetProperty(da, new PropertyPath("Width"));
Storyboard.SetTarget(da, active);
da.Duration = TimeSpan.FromSeconds(0.2);
if ((bool)IsChecked)
{
ta.To = new Thickness(0);
da.To = (double)button.GetValue(Ellipse.WidthProperty);
IsChecked = !IsChecked;
}
else
{
ta.To = new Thickness(this.Width - (double)button.GetValue(Ellipse.WidthProperty), 0, …Run Code Online (Sandbox Code Playgroud) 所以我有这个链接按
<a href="link" target="_blank">
<div class="well">
<span> blabla </span>
</div>
</a>
Run Code Online (Sandbox Code Playgroud)
和页面中的这个按钮代码
<button type="submit" class="btn-primary btn-lg" disabled="disabled"> Blabla </button>
Run Code Online (Sandbox Code Playgroud)
正如您所看到的,此按钮现在已禁用.当我按下该链接时,如何再次启用该按钮,我该怎么做?对不起,我的英语不好..
如何更改listView中toggleButton的颜色?
这就是我如何设计我的 toggleButton
<ToggleButton
android:id="@+id/donePic"
android:layout_width="30dp"
android:layout_marginLeft="270dp"
android:layout_height="30dp"
android:background="@drawable/selector"
android:focusable="false"
android:focusableInTouchMode="false"
android:textOff=""
android:textOn=""/>
Run Code Online (Sandbox Code Playgroud)
选择器
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- When selected, use tic -->
<item android:drawable="@mipmap/done"
android:state_checked="true" >
<solid
android:color="@color/red" />
</item>
<!-- When not selected, use un tic-->
<item android:drawable="@mipmap/done"
android:state_checked="false">
<solid
android:color="@color/green" />
</item>
</selector>
Run Code Online (Sandbox Code Playgroud)
我的活动
public View getView(int position, View convertView, ViewGroup parent) { // inside adapter class
ViewHolder holder;
ToggleButton toggle;
if (convertView == null) {
convertView = mInflater.inflate(R.layout.item_to_do, null);
toggle =(ToggleButton)convertView.findViewById(R.id.donePic);
toggle.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { …Run Code Online (Sandbox Code Playgroud) 我想要一个按钮,在单击时将视频静音,并在再次按下按钮时切换声音。到目前为止,我设法在单击实际视频时将视频静音/取消静音。
Javascript初学者在这里。
超文本标记语言
<div>
<div class="play-video">
<img src="../images/icon.svg" class="volume-icon"/>
<p class="button"> Play with sound </p>
</div>
<div id="player">
<video autoplay loop=""> <source src="../images/video-test.mp4" type="video/mp4"> </video>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
JavaScript
$(document).ready(function(){
$("video").prop('muted', true);
$("video").click( function (){
$(this).prop('muted', !$(this).prop('muted'));
});
});
Run Code Online (Sandbox Code Playgroud)
谢谢你!
我有 2 个按钮应该充当开关,所以我使用单选按钮。但单选按钮的样式应该看起来像切换按钮,这意味着它不应该有一个圆圈可供检查。
我搜索了很长时间没有找到有用的资源。
<Style TargetType="{x:Type RadioButton}" BasedOn="{StaticResource {x:Type ToggleButton}}">
<Setter Property="HorizontalAlignment" Value="Center"/>
<Setter Property="VerticalAlignment" Value="Center"/>
</Style>
<Style TargetType="{x:Type ToggleButton}">
<Setter Property="Background" Value="{StaticResource BgColor}" />
<Setter Property="Foreground" Value="{StaticResource FgColor}" />
<Setter Property="BorderBrush" Value="Transparent" />
<Setter Property="Focusable" Value="False" />
<Setter Property="Margin" Value="0" />
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Foreground" Value="{StaticResource HoverColor}" />
</Trigger>
<Trigger Property="IsPressed" Value="True">
<Setter Property="BorderBrush" Value="{StaticResource TextBlack}" />
</Trigger>
<Trigger Property="IsChecked" Value="True">
<Setter Property="BorderBrush" Value="{StaticResource TextBlack}" />
<Setter Property="Foreground" Value="{StaticResource HoverColor}" />
</Trigger>
</Style.Triggers>
</Style>
Run Code Online (Sandbox Code Playgroud)
但它为圆圈(单选属性)留下了一个黑色空间,并且在鼠标悬停时,它显示了要检查的圆圈。
谁能知道实现它的最简单方法..
我见过类似的问题,例如“如何在纯 JavaScript 中切换元素的类? ”,但这个问题指的是属性。
我有一个像这样的复选框:
<span class="newsletter-checkbox">
<input type="checkbox" name="newsletter" id="newsletter" checked> Sign up to the newsletter as well - recieve new posts in your inbox
</span>Run Code Online (Sandbox Code Playgroud)
如何做到这样,当.newsletter-checkbox单击其中的任何位置(包括文本)时,它会切换复选框checked属性?
togglebutton ×10
android ×4
javascript ×3
checkbox ×2
html ×2
toggle ×2
c# ×1
collapse ×1
colors ×1
html5-video ×1
jquery ×1
listview ×1
mute ×1
onclick ×1
orientation ×1
radio-button ×1
textview ×1
wpf ×1
xaml ×1