标签: custom-selectors

我想设计一个看起来像下图中的搜索条.

通过使用默认搜索条,我将得到这样的东西:

所以我需要的是只改变颜色.我不需要额外的款式.是否有任何直接的方法来做这个或我应该建立我的自定义drawable.？

我尝试构建自定义的一个,但我无法得到如上所示的确切的一个.使用自定义drawable后,我得到的如下所示:

如果我需要构建自定义的那个,那么请建议如何减少进度线的宽度以及形状.

我的自定义实现:

background_fill.xml:

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <gradient
        android:angle="90"
        android:centerColor="#FF555555"
        android:endColor="#FF555555"
        android:startColor="#FF555555" />

    <corners android:radius="1dp" />

    <stroke
        android:width="1dp"
        android:color="#50999999" />
    <stroke
        android:width="1dp"
        android:color="#70555555" />

</shape>

progess_fill.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <gradient
        android:angle="90"
        android:centerColor="#FFB80000"
        android:endColor="#FFFF4400"
        android:startColor="#FF470000" />

    <corners android:radius="1dp" />

    <stroke
        android:width="1dp"
        android:color="#50999999" />
    <stroke
        android:width="1dp"
        android:color="#70555555" />

</shape>

progress.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:id="@android:id/background"
        android:drawable="@drawable/background_fill"/>
    <item android:id="@android:id/progress">
        <clip android:drawable="@drawable/progress_fill" />
    </item>

</layer-list>

thumb.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval" …

对我来说,jQuery最好但尚未充分利用的功能之一是自定义选择器.我有一个相当简单的例子,挑选出所有空文本框:

$(document).ready(function() {
    $.extend($.expr[':'], {
        textboxEmpty: function(el) {
            var $el = $(el);
            return ($el.val() == "") && ($el.attr("type") == "text");
        }
    });
});

并致电:

alert($(":textboxEmpty").length);

我真的想知道,如果有其他人有他们写的自定义选择器的一些有用的例子.

当然,我不会对这些陷阱视而不见,并且意识到它们可能非常慢,因此应该与其他更快的选择器结合使用.听听我们是否应该注意其他问题会很有用.

我想为seekbar创建一个自定义拇指,如下所示:

一种解决方案可以是这一种,其中png图片用于绘制拇指.

我认为应该可以只使用xml,因为它与这个拇指非常相似:

thumb.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">

    <size android:height="30dp" android:width="30dp"/>
    <stroke android:width="18dp" android:color="#882EA5DE"/>
    <solid android:color="#2EA5DE" />
    <corners android:radius="1dp" />

</shape>

只需要添加第二个边框(周围的白色笔划),这样我就可以跳过来管理不同屏幕分辨率的所有图片(hdpi/mdpi/xhdpi/xxhdpi).

我尝试了不同的组合形状"椭圆形"和"环形",但无法得到所需的结果.你怎么能做到的？

我想在点击日期时让jQuery ui日历进行ajax调用,但几天前我遇到了一个问题.我找到了一段代码,据说可以做到这一点,但正如我发现它使用jQuery自定义选择器.代码给了我一个错误,所以我开始深入了解自定义选择器以了解更多关于它们的信息.到目前为止,我还没有找到为什么我会得到这种奇怪的行为.

这是一张希望清理的图片,我会在之后解释更多

我输入了控制台

$('.ui-datepicker-calendar td a:test(3)')

正如你所看到的,meta2和stack2是未定义的,还有一个更奇怪的事情,为什么index2返回一个#document,它应该包含元素数组的索引.

此外,元素(el2)甚至不是正确的元素.看看,我打电话

$('.ui-datepicker-calendar td a:test(3)')

这应该是从日历中选择所有日期,并且在第一个循环中,console.log应该打印出来

<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="8" data-year="2012"><a class="ui-state-default" href="#">1</a></td>

但是我得到了整个文档中的第一个"a"标记,在这种情况下是前一个月的标记(如图所示).

如果有人能对这种情况有所了解,请做.哦,我还有一件事要原谅

meta2,它应该包含这个

[
    ':test(argument)', // full selector
    'test',            // only selector
    '',                // quotes used
    'argument'         // parameters
]

在我的情况下,它的未定义......

我将分享我的javascript代码,希望它有所帮助

<script>
    $(function()
    {
        $.expr[":"].test = function(el2,index2,meta2,stack2)
        {
            debugger;
            console.log(el2);
            console.log(index2);
            console.log(meta2);
            console.log(stack2);
        }
    })

    $(function()
    {
        function getJsonDate(year, month)
        {
            $.getJSON('dates.php?year='+year+'&month='+month, function(data)
            {
                var i = 0;
                for (i = 0; i < data.data.length; i++) …