我尝试将 Material Design 的海拔概念应用到我的 RecyclerView 中。
对于 RecyclerView 的每个项目我都使用这个
<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:id="@+id/card_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="5dp"
card_view:cardCornerRadius="0dp"
android:elevation="2dp">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="8dp">
<TextView
.../>
<CheckBox
.../>
</RelativeLayout>
</android.support.v7.widget.CardView>
Run Code Online (Sandbox Code Playgroud)
当我选择项目时,我以编程方式将可绘制对象应用到背景以实现效果,并按照 Material Design 规范的建议将高度设置为 8dp。
val draw = ResourcesCompat.getDrawable(resources, R.drawable.selected_task, null)
draw?.setColorFilter(task.color.aRGB.toInt(), PorterDuff.Mode.OVERLAY)
view.background = draw
view.elevation = 8F
Run Code Online (Sandbox Code Playgroud)
(我用 Kotlin 编写代码)可绘制对象:
<?xml version="1.0" encoding="utf-8"?>
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<stroke
android:width="2dp"
android:color="@color/select_border"/>
<solid
android:color="@color/select_fill"/>
</shape>
Run Code Online (Sandbox Code Playgroud)
和颜色值
<color name="select_border">#78000000</color>
<color name="select_fill">#32000000</color>
Run Code Online (Sandbox Code Playgroud)
问题是,当我选择一项时,可绘制对象被很好地应用,但阴影被完全删除并且没有放大!如果我不使用可绘制对象设置背景,则效果很好。阴影像预期的那样被放大。
问题是什么 ?
android kotlin android-drawable material-design android-elevation
我有这个代码:
\n\n<div class="nav navbar-nav" id="filters">\n <button class="btn btn-default navbar-btn active" data-filter="*">Tous</button>\n <button class="btn btn-default navbar-btn" data-filter=".image">Photos</button>\n <button class="btn btn-default navbar-btn" data-filter=".movie">Vid\xc3\xa9os</button>\n <button class="btn btn-default navbar-btn" data-filter=".text">Text Seulement</button>\n <button class="btn btn-default navbar-btn" id="sort" data-sort-value="likes">Likes</button>\n</div>\nRun Code Online (Sandbox Code Playgroud)\n\n我想使用 jQuery 选择器从 div #filters 中选择所有按钮,除了唯一带有 #sort 的按钮。
\n\n目前我试图通过以下代码来实现这一目标。
\n\n$(\'#filters\').not(\'#sort\').each( function( i, buttonGroup ) {\n var $buttonGroup = $( buttonGroup );\n $buttonGroup.on( \'click\', \'button:not("#sort")\', function() {\n $buttonGroup.find(\'.active\').removeClass(\'active\');\n $( this ).addClass(\'active\');\n });\n});\nRun Code Online (Sandbox Code Playgroud)\n\n你能帮助我吗 ?
\n\n对此的任何帮助将不胜感激。
\n我有一个反应应用程序。我使用 webpack 进行生产构建。现在我尝试设置一个小型 koa 服务器来为生产环境提供 webpack 生成的静态文件。
所以我这样做了
import Koa from 'koa'
import serve from 'koa-static'
const app = new Koa()
app.use(serve('dist/'))
app.listen(3001)
Run Code Online (Sandbox Code Playgroud)
dist/文件(index.html、bundle 等)所在的目录在哪里。这效果很好,但仅适用于路线“/”(localhost:3001 /)在我的应用程序中,我使用反应路由器,因此我需要以示例方式转到/登录(localhost:3001/login)。但当我尝试时,我得到“未找到”。对于 devServer(通过 webpack),这条路线效果很好。我只需要始终服务/dist,无论路线如何。如何做这个白相思木?
Symfony 3.1.7 + FOSRestBundle 最新版本
<?php
namespace PM\ApiBundle\Controller;
...
use FOS\RestBundle\Controller\Annotations as Rest;
use FOS\RestBundle\View\View;
class ArticlesController extends FOSRestController
{
/**
* @ApiDoc(
* section="articles",
* resource=true,
* description="Get articles published"
* )
* @Rest\View(serializerGroups={"article"})
* @Rest\Get("/articles")
*/
public function getArticlesAction(Request $request)
{
$articles = $this->getDoctrine()
->getManager()
->getRepository('PMPlatformBundle:Article')
->findAllDateDesc();
/* @var $articles Article[] */
return $articles;
}
Run Code Online (Sandbox Code Playgroud)
然后在我的文章实体中,我使用正确的使用语句添加了这个注释 @Groups({"article"})。
我得到的默认序列化程序:
[
[],
[]
]
Run Code Online (Sandbox Code Playgroud)
我得到了 Whit JMS 序列化程序(捆绑):
{
"0": {},
"1": {}
}
Run Code Online (Sandbox Code Playgroud)
(我在 db 中有两篇文章)似乎无法识别“文章”组。当我使用没有这个注释的默认序列化程序时,我得到一个循环错误。
怎么了 ?
[编辑] …
我有这个运行良好的脚本
"start": "nodemon -x node -r dotenv/config src/index.js"
Run Code Online (Sandbox Code Playgroud)
我想使用 babel-node 代替 node。所以有新的脚本:
"start": "nodemon -x babel-node --presets=env -r dotenv/config -- src/index.js"
Run Code Online (Sandbox Code Playgroud)
但我收到这个错误
[nodemon] starting `babel-node --presets=env -r dotenv/config src/index.js`
internal/modules/cjs/loader.js:583
throw err;
^
Error: Cannot find module 'pathTo/dotenv/config'
Run Code Online (Sandbox Code Playgroud)
你能帮我吗 ?
我有这个代码:
<div id="filters" class="button-group">
<button class="button is-checked" data-filter="*">Tous</button>
<button class="button" data-filter=".image">Photos</button>
<button class="button" data-filter=".movie">Vidéos</button>
<button class="button" data-filter=".text">Text Seulement</button>
<button class="button" id="sort" data-sort-value="likes">Likes</button>
</div>
Run Code Online (Sandbox Code Playgroud)
我想从div #filters中选择所有按钮,除了唯一一个#sort,使用jQuery的选择器.
目前我有这个,但它不起作用:
$('#filters').not('#sort').on( 'click', 'button', function() {
...
}
Run Code Online (Sandbox Code Playgroud)
你能帮助我吗 ?
javascript ×3
jquery ×2
android ×1
babeljs ×1
html ×1
html5 ×1
koa ×1
koa-router ×1
kotlin ×1
node.js ×1
nodemon ×1
npm-scripts ×1
package.json ×1
parent-child ×1
php ×1
reactjs ×1
rest ×1
symfony ×1
webpack ×1