标签: layout

实现像Wordle一样的文字云的算法

上下文

  • 看看Wordle:http://www.wordle.net/
  • 它比我见过的任何其他文字云生成器都要好看
  • 注意:源代码不可用 - 请阅读常见问题解答:http://www.wordle.net/faq#code

我的问题

  • 是否有可用于Wordle的算法?
  • 如果不是,有哪些替代产生类似的输出?

我为什么这么问

  • 只是好奇
  • 想学习

layout fonts typography tag-cloud wordle-game

198
推荐指数
9
解决办法
9万
查看次数

滚动带有溢出内容的Flexbox

在此输入图像描述

这是我用来实现上述布局的代码:

.header {
  height: 50px;
}

.body {
  position: absolute;
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
}

.sidebar {
  width: 140px;
}

.main {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.content {
  flex: 1;
  display: flex;
}

.column {
  padding: 20px;
  border-right: 1px solid #999;
}
Run Code Online (Sandbox Code Playgroud)
<div class="header">Main header</div>
<div class="body">
  <div class="sidebar">Sidebar</div>

  <div class="main">
    <div class="page-header">Page Header. Content columns are below.</div>
    <div class="content">
      <div class="column">Column 1</div>
      <div class="column">Column 1</div>
      <div class="column">Column …
Run Code Online (Sandbox Code Playgroud)

css layout css3 multiple-columns flexbox

183
推荐指数
9
解决办法
24万
查看次数

如何使用View填充剩余空间?

我正在设计我的应用程序UI.我需要一个如下布局:

所需布局的示例

(<和>是按钮).问题是,我不知道如何确保TextView将填充剩余空间,两个按钮具有固定大小.

如果我在文本视图中使用fill_parent,则无法显示第二个按钮(>).

如何制作看起来像图像的布局?

layout android android-layout

182
推荐指数
7
解决办法
15万
查看次数

设置视图的绝对位置

是否可以在Android中设置视图的绝对位置?(我知道有一个AbsoluteLayout,但它被弃用了......)

例如,如果我有一个240x320px的屏幕,我怎么能添加一个ImageView20x20px,使其中心位于(100,100)?

layout android position view android-layout

177
推荐指数
4
解决办法
24万
查看次数

如何使内联块元素填充该行的其余部分?

是否可以使用CSS和两个内联块(或其他)DIV标签而不是使用表?

表格版本为此(添加了边框以便您可以看到它):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head></head>
<body>
<table style="width:100%;">
<tr>
<td style="border:1px solid black;width:100px;height:10px;"></td>
<td style="border:1px solid black;height:10px;"></td>
</tr>
</table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

它会生成一个左侧列,其中包含固定宽度(不是百分比宽度),右侧列会扩展以填充线上的剩余空间.听起来很简单吧?此外,由于没有任何东西被"浮动",因此父容器的高度适当地扩展以包含内容的高度.

--BEGIN RANT--
我已经看到了具有固定宽度侧柱的多列布局的"清晰修复"和"圣杯"实现,它们很糟糕并且它们很复杂.它们反转元素的顺序,它们使用百分比宽度,或者它们使用浮点数,负边距,并且"左","右"和"边距"属性之间的关系是复杂的.此外,布局是亚像素敏感的,因此即使添加单个边框,填充或边距像素也会破坏整个布局,并将整个列包装发送到下一行.例如,即使你尝试做一些简单的事情,例如将4个元素放在一行上,每个宽度设置为25%,舍入错误也是一个问题.
--END RANT--

我尝试过使用"inline-block"和"white-space:nowrap;",但问题是我无法获得第二个元素来填充线上的剩余空间.将宽度设置为"width:100% - (LeftColumWidth)px"在某些情况下会起作用,但实际上不支持在width属性中执行计算.

css layout fixed-width

177
推荐指数
4
解决办法
12万
查看次数

如何在EditText中更改线条颜色

我在布局xml文件中创建一个EditText

但我想将EditText中的颜色线从Holo更改为(例如)红色.怎么做?

在此输入图像描述

xml layout android styles

177
推荐指数
12
解决办法
24万
查看次数

Android:为什么视图没有maxHeight?

View有一个minHeight但不知何故缺少一个maxHeight:

我想要实现的是让一些项目(视图)填满ScrollView.当有1..3项时,我想直接显示它们.意味着它ScrollView具有1,2或3个项目的高度.

当有4个或更多项目我希望ScrollView停止扩展(因此a maxHeight)并开始提供滚动.

但是,遗憾的是没有办法设置maxHeight.因此,我可能必须以ScrollView编程方式WRAP_CONTENT将高度设置为有1..3项3*sizeOf(View)时的高度,并将高度设置为有4个或更多项时的高度.

任何人都可以解释为什么没有maxHeight提供,什么时候已经有minHeight

(顺便说一下:有些观点,比如ImageView已经maxHeight实施了.)

layout android view autoresize

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

如何强制整个布局查看刷新?

我想强制主布局资源视图重绘/刷新,比如Activity.onResume()方法.我怎样才能做到这一点 ?

通过主布局视图,我的意思是在我的Activity.onCreate()中调用的那个('R.layout.mainscreen'),如下所示: -

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.mainscreen);
}
Run Code Online (Sandbox Code Playgroud)

layout android refresh

167
推荐指数
8
解决办法
36万
查看次数

固定表格单元格宽度

很多人仍然使用表格来布局控件,数据等.这个例子就是流行的jqGrid.但是,有一些神奇的事情我似乎无法理解(它的桌子大声喊叫,可能有多少魔法?)

如何设置表的列宽并让它像jqGrid一样服从!?如果我试图复制它,即使我设置了每个<td style='width: 20px'>,一旦其中一个单元格的内容大于20px,单元格就会扩展!

任何想法或见解?

html css layout html-table

165
推荐指数
5
解决办法
54万
查看次数

如何设计div作为响应方块?

我希望我的div能够调整其高度以始终等于其宽度.宽度是百分比.当父级的宽度减小时,框应该通过保持其宽高比来减少.

怎么做是CSS?

css layout aspect-ratio css3 responsive-design

164
推荐指数
5
解决办法
24万
查看次数