标签: rendering

Rails:在布局内对应的"yield"之后使用"content_for"

我认为之前已经提出过这个问题,但即使我搜索了Google,我也没有提出解决方案.

所以这就是我在Rails 2.3.5中要做的事情:

layouts/application.html.erb:
<html>
  <head>
    ... some other stuff
    <%= yield :head %>
  </head>
  <body>
    <% content_for :head, "something that belongs in the head" %>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

注意content_for 之前的yield .

我知道Rails - 默认情况下 - 不允许在使用yield 之后定义head的内容- 这是有道理的.

我甚至试图挂钩到模板渲染过程但到目前为止没有成功.

所以我的目标是能够在部分/模板内部定义content_for,并在响应发送到浏览器之前以某种方式延迟和执行"yield".

有人想出一个解决方案吗?

问候和谢谢,弗兰克

更新 我会选择weppos的想法并尝试使用机架中间件.谢谢

rendering yield ruby-on-rails delay

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

使用JCheckBox节点进行JTree渲染

我正在尝试修改标准的Swing JTree以使用和不使用复选框来混合节点.这是一个例子:

替代文字

当我尝试选中/取消选中其中一个复选框(本例中为"User 01"节点)时,树会丢失节点:

替代文字

我的代码是这个例子的改编:http://forums.sun.com/thread.jspa?threadID = 5321084&start = 13.

而不是像这样在DefaultMutableTreeNode中嵌入JCheckBox:

new DefaultMutableTreeNode(new CheckBoxNode("Accessibility", true));
Run Code Online (Sandbox Code Playgroud)

我认为创建一个派生自DefaultMutableTreeNode的模型节点更有意义,我称之为JTreeNode.该类自动将DefaultMutableTreeNode的UserObject设置为JCheckBox.TreeCellRenderer使用类的ShowCheckBox属性来确定是否使用了JCheckBox或DefaultTreeCellRenderer.JTreeNode的用法如下:

    JTreeNode user01 = new JTreeNode("User 01");
    user01.setShowCheckBox(true);
    user01.setSelected(true);
Run Code Online (Sandbox Code Playgroud)

我认为问题在于实现TreeCellEditor的类,特别是在getCellEditorValue()或getTreeCellEditorComponent()方法中.我怀疑这个问题与getCellEditorValue()有关,返回DefaultMutableTreeNode的派生,而不是更简单的模型实例.

public Object getCellEditorValue() {

    JCheckBox checkBox = renderer.getCheckBoxRenderer();

    JTreeNode node = new JTreeNode(checkBox.getText());
    node.setShowCheckBox(true);
    node.setSelected(checkBox.isSelected());
    return node;

}

public Component getTreeCellEditorComponent(JTree tree, Object value, boolean isSelected, boolean expanded, boolean leaf, int row) {

    Component editor = renderer.getTreeCellRendererComponent(tree, value, true, expanded, leaf, row, true);

    // editor always selected / focused
    ItemListener itemListener = …
Run Code Online (Sandbox Code Playgroud)

java swing rendering jtree jcheckbox

11
推荐指数
1
解决办法
7105
查看次数

iframe会以怪癖模式渲染吗?

我正在设置一个页面,并且很难让它在浏览器中看起来很好(实际上只是IE,因为它适用于mozilla和webkit).在认真考虑自IE6以来修复的旧IE错误之前,我想排除怪异模式.容器页面具有声明的doctype,但iframe代码没有.iframe内容是以quirks-mode(因为它没有doctype)还是标准模式(因为容器有doctype)呈现的?来源遵循这个方案:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
...
<body>
...
<iframe ...>
    <html>
    <head>
    ...
    </head>
    <body>
    ....
    </body>
    </html>
</iframe>
...
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

iframe internet-explorer rendering quirks-mode

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

显示在<div>内部的未知空格,没有填充或边距

在我正在构建的设计中,我遇到了一个奇怪的问题.

我创建了一个<div>包含投票元素 - 它包含一个upvote按钮,downvote按钮和投票总计,每个都在他们自己的<div>元素中,并<img>用于按钮.

资源:

<div class="votebox">
  <div class="vote"><img src="upvote.png" /></div>
  <div class="votetotal">15</div>
  <div class="vote"><img src="downvote.png" /></div>
</div>
Run Code Online (Sandbox Code Playgroud)

在我的CSS中的迷你重置中,两个<div><img>元素都被定义为没有边距或填充显示,并且FireBug确认这些特定元素没有边距或填充,但我看到在<img>元素的底部和底部之间添加了空格它们各自包含的元素.

我添加了以下CSS来显示每个元素周围的边框:

.votebox * {
  border: 1px #000 solid;
}
Run Code Online (Sandbox Code Playgroud)

这就是它在Firefox 3.6中的显示方式(是的,那些是StackOverflow投票图像..我现在用它们作为占位符):


现在,这个问题的明显答案是简单地将"投票"类设置为具有明确的图像高度(我会这样做,甚至可能选择CSS精灵而不是<img>s),但我对它更感兴趣了解为什么这些元素以这种方式显示(毕竟这应该是一个自学项目).

任何人都可以为我阐明这一点吗?


编辑:史蒂夫H向我指出,我应该使用轮廓而不是边框​​来显示元素的外边缘.我做了这个改变,并且还将CSS中的元素分开,这样它们每个都显示为不同的颜色.

新大纲如下所示:


如您所见,问题与我想的有点不同.看起来图像下面有一些空白,但是底部图像似乎略微在其包含之外呈现这一事实<div>.这对我来说似乎很奇怪.

html css whitespace rendering image

11
推荐指数
1
解决办法
7318
查看次数

如何提高Canvas渲染性能?

作为[Canvas] [2]的孩子,我必须绘制很多形状(大约半数十万).我在我的WPF应用程序中将这项工作分为两部分:首先我通过设置每个属性(如边距,填充,宽度等等)来创建形状,然后我将形状添加为Canvas的子项.

MyCanvas.Children.Add(MyShape)
Run Code Online (Sandbox Code Playgroud)

现在我想提高第二部分的性能,因为当我绘制形状时,我的应用程序被封锁了很长一段时间.所以我尝试使用Dispatcher及其方法[BeginInvoke] [4]与不同的[优先级] [5]:只有当我使用后台优先级时,主应用程序才会阻止,否则应用程序仍然被阻止,"图片"是直到所有形状都添加到我的画布中才会显示,但如果我使用背景优先级,显然一切都会变慢.我也试图创建一个新的线程,而不是使用Dispatcher,但没有重大的变化.

如何解决这个问题,并在将形状添加到Canvas时通常可以提高应用程序的性能?

谢谢.

wpf performance rendering canvas shape

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

IE条件评论和Chrome/Firefox

我使用以下IE条件评论:

<!--[if gt IE 7]>
Here is some code.
<![endif]-->
Run Code Online (Sandbox Code Playgroud)

这非常有效,可以防止代码在任何低于8的IE中呈现.
但是,这也可以防止代码在Chrome和Firefox中呈现.

有关为什么会发生这种情况的任何想法,以及如何在IE以外的浏览器中呈现代码?

firefox internet-explorer rendering google-chrome conditional-comments

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

JSF中的条件呈现

您好我有这个代码有条件地在我的页面中呈现组件:

<h:commandButton action="#{Bean.method()}"  value="Submit">
   <f:ajax execute="something" render="one two" />
</h:commandButton>

<p><h:outputFormat rendered="#{Bean.answer=='one'}" id="one" value="#{messages.one}"/></p>
<p><h:outputFormat rendered="#{Bean.answer=='two'}" id="two" value="#{messages.two}"/></p>
Run Code Online (Sandbox Code Playgroud)

它得到答案并呈现组件,但为了在我的页面上看到它,我需要刷新页面.我该如何解决这个问题?有什么建议?

jsf rendering page-refresh jsf-2

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

在OpenGL中进行深度测试的Z-fighting解决方案 - 它们如何工作?

描述

我在OpenGL中遇到了Z-Fighting的主要问题,我花了很长时间才找到解决这个问题的方法.我发现的一些,我理解并不喜欢:

  • 移动多边形彼此远离(如OpenGL中的glPolygonOffset)
  • 根据Z坐标划分场景,并使用单独的干净z缓冲区绘制场景的部分.

那些我不明白的:

我已经在我的程序中实现了第二个,只需将它放入球的顶点着色器(它与地面z-fight):

float C = 1.0; 
float far = 2000.0; 
   gl_Position = u_projView * a_position;      
gl_Position.z = 2.0*log(gl_Position.w*C + 1.0)/log(far*C + 1.0) - 1.0;
gl_Position.z *= gl_Position.w;
Run Code Online (Sandbox Code Playgroud)

它工作了!

实际问题

  1. 任何人都可以解释我是如何在顶点着色器中更改顶点的Z坐标解决了问题而没有将顶点明显地移动到我身上?(场景看起来与人眼相同).它是如何改变z深度值的分布的?我猜我错过了一些关于渲染管道的知识.
  2. 任何人都可以向我解释我们如何使用Projection Matrix来解决问题?它是如何工作的?
  3. 是否还有其他类似的有效方法来解决z-fighting问题?

谢谢!

opengl graphics shader rendering glsl

11
推荐指数
1
解决办法
3982
查看次数

无法解析资源@style/Widget.Holo.Light.ActionMode.Inverse

我正在Android Studio中创建一个Android应用.当我打开布局编辑器时,我看到布局顶部的灰色"弹出窗口",它表示它

无法解析资源@style/Widget.Holo.Light.ActionMode.Inverse.

当我将"渲染版本"更改为API 15(Android 4.0.3)时会发生这种情况.
它在一分钟前工作,但当我切换回布局时,我才得到这个错误.

编辑:我使用的是AppCompat库.
主题定义如下

<style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar" />
Run Code Online (Sandbox Code Playgroud)

该应用程序在我运行时工作正常,但在编辑器中无法正确呈现(至少它给出了错误).

如果有人能帮助我,我会很高兴的.谢谢!

android rendering android-appcompat android-resources android-actionmode

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

为什么firefox不能更好地渲染我的GIF文件?

我的网站上有一些GIF文件在除FireFox之外的每个浏览器上都呈现得非常流畅.以下屏幕描述了我的意思:

例1

这里基本上是Safari/Opera/Chrome渲染GIF ..非常流畅.

在此输入图像描述

这是FF上的渲染..非常不稳定和半扭曲的线条.

在此输入图像描述

例2

在Opera/Safari/Chrome上渲染,再次非常流畅.

在此输入图像描述

在FF渲染,再次非常波涛汹涌.

在此输入图像描述

这是一个必须使用设置调整的浏览器缺陷吗?到目前为止,我通过添加一些浏览器嗅探逻辑(我不想这样做)并放置在GIF的较小版本中来否定这一点.有什么建议?

UPDATE

这是实际的GIF ..在FF中打开这个问题,请提供反馈

在此输入图像描述 在此输入图像描述

html css firefox rendering gif

11
推荐指数
1
解决办法
477
查看次数