标签: styling

我正在寻找最佳的数据结构来为文本添加样式(比如在文本编辑器中).该结构应允许以下操作:

1. 在绝对位置X快速查找所有样式
2. 在任何位置快速插入文本(必须移动该位置后的样式).
3. 文本的每个位置都必须支持任意数量的样式(重叠).

我已经考虑了包含文本范围的列表/数组,但是它们不允许快速插入而不重新计算插入点之后所有样式的位置.

具有相对偏移的树结构支持#2,但是当我向文本添加大量样式时,树将快速退化.

还有其他选择吗？

我目前正在制作媒体播放器.我想创建一个像这个屏幕截图上的滑块:

我现在所做的就是这个:

我目前正在用拇指前的灯条敲打.它根据拇指位置改变它的长度.如何在WPF中实现这一点？或者我应该尝试使用进度条？

Atm,我有这个代码:

   <LinearGradientBrush x:Key="SliderThumbGradient" StartPoint="0,0" EndPoint="0,1">
    <GradientStop Offset="0" Color="#f7f7f7"/>
    <GradientStop Offset="1" Color="#bcbcbc"/>
</LinearGradientBrush>

<Style x:Key="SliderButtonStyle" TargetType="{x:Type RepeatButton}">
    <Setter Property="SnapsToDevicePixels" Value="true"/>
    <Setter Property="OverridesDefaultStyle" Value="true"/>
    <Setter Property="IsTabStop" Value="false"/>
    <Setter Property="Focusable" Value="false"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type RepeatButton}">
                <Border Background="Transparent" />
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

<Style x:Key="SliderThumbStyle" TargetType="{x:Type Thumb}">
    <Setter Property="SnapsToDevicePixels" Value="true"/>
    <Setter Property="OverridesDefaultStyle" Value="true"/>
    <Setter Property="Height" Value="14"/>
    <Setter Property="Width" Value="14"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Thumb}">
                <Ellipse 
      Name="Ellipse" 
      Fill="{DynamicResource SliderThumbGradient}"
      Stroke="#404040"
      StrokeThickness="1" />
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter TargetName="Ellipse" Property="Fill" …

我已经在WPF工作了很长一段时间,但有一些关于造型的基本知识,我只是没有得到.

如何设置Menu控件的前景色和背景色？我从这开始:

    <Menu IsMainMenu="True" Background="#FF3A3A3A" Foreground="White">
        <MenuItem Header="_File">
            <MenuItem Header="_Exit">
            </MenuItem>
        </MenuItem>
    </Menu>

前景色显然是由它继承的MenuItem,但背景却没有.下一次尝试:

    <Menu IsMainMenu="True" Background="#FF3A3A3A" Foreground="White">
        <MenuItem Background="#FF3A3A3A" Header="_File">
            <MenuItem Header="_Exit">
            </MenuItem>
        </MenuItem>
    </Menu>

现在,当菜单被激活时,高亮/叠加颜色不正确,我没有看到明显的属性来设置它们.此外,菜单弹出窗口有一个宽的白色边框,我也看不到如何更改它的颜色(或大小).

我错过了什么？

在VS C++代码中,如果我没有选择任何内容或选择完整行并按下注释选择(Ctrl + K + Ctrl + C),那么它将使用//注释整行

int x = 5;

按Ctrl + K + Ctrl + C后不选择任何内容或选择全行.

// int x = 5;

现在,如果我选择该行的某些部分并再次按下注释按钮,则仅评论所选文本(粗体表示已选中)

int x = 5 ;

按下Ctrl + K + Ctrl + C并选择x = 5.

int /*x = 5*/;

包含多条线

int x = 5;

int y = 2;

int z = x*5;

评论后快捷方式

int/* x = 5;
int y = 2;
int z =*/ x * 5;

我想要的是

//int x = 5;
//int y = 2; …

GWT中的一般方法是使用面板,然后应用自定义CSS主题以获得自定义外观.虽然我可以通过CSS修补来实现我的GWT应用程序的某种程度的个性化,但我想知道其他人通常如何处理样式.

我在网上看到的一些建议是通过使用HTMLPanel管理使用纯HTML的布局.通过这种方式,可以直接在应用程序中使用HTML模型,而无需编写所有布局.

那么您认为接近GWT应用程序的布局和自定义样式的最佳和最不痛苦的方法是什么？

我想让一个WPF TextBox有一个DarkBlue边框,厚度等于1.我想让WPF有这个边框(DarkBlue,厚度设置为1),即使选中TextBox也是如此.

我尝试通过以下代码执行此任务.但是,它根本不起作用.任何想法或提示？任何帮助将不胜感激.

  <Style x:Key="ReadOnlyLargeTextBox" TargetType="{x:Type TextBox}" >
        <Setter Property="Height" Value="80"/>
        <Setter Property="MaxHeight" Value="80"/>

        <Setter Property="VerticalScrollBarVisibility" Value="Visible"/>
        <Style.Triggers>
            <Trigger Property="TextBox.IsMouseOver"    Value="True">
                <Setter Property="BorderBrush" Value="DarkBlue"/>
                <Setter Property="BorderThickness" Value="1"/>
            </Trigger>
            <Trigger Property="TextBox.IsMouseOver"    Value="False">
                <Setter Property="BorderBrush" Value="DarkBlue"/>
                <Setter Property="BorderThickness" Value="1"/>
            </Trigger>
        </Style.Triggers>


    </Style>

PS请注意,文本框没有IsSelected属性.

假设您有一个带有Jekyll的博客站点,并且博客帖子位于页面的中心.我希望内容(即段落,单词,代码等)与左对齐,但图像要居中.

我有文本等左对齐,但现在我正在努力使图像(谁具有CSS样式max-height: 80%)也在中心.

似乎Jekyll的博客生成器(来自Markdown)将图像包装在<p></p>标签中,因此margin: 0 auto不会使图像居中.我在下面附上了代码片段:

<li>
    <h2 class="post-title">Hello World</h2>
    <div class="post-date"><span>May 21, 2014</span></div>
    <div class="post-content">
        <p><img src="/images/photos/blog/hello-world.jpg" alt="blog-image"></p>
    </div>
</li>

ul#posts {
  list-style-type: none;
  margin: 0 auto;
  width: 60%;
}

ul#posts > li {
  margin-bottom: 35px;
  text-align: center;
}

ul#posts > li div.post-content {
  text-align: left;
}

ul#posts > li > div.post-date {
  color: #A0A0A0;
  font-style: italic;
  margin-bottom: 15px;
}

ul#posts > li > div.post-content > p > img {
  margin: 0 auto; …

我只需要使用标准（不是自定义）$primary, $accent,$want颜色来设计我的角度组件。我在文档和文章中找到的只是如何自定义它。我不需要定制，只需使用标准颜色即可。

例如，我只需要设置文本颜色：

    a {
      display: block;
      font-weight: bold;
      line-height: 2.3em;
      color: mat-color($accent);
    }

我该怎么做呢？我尝试的所有方法都会引发不同的错误。

我使用以下代码设置了数据框的样式：

th_props = [
  ('font-size', '14px'),
  ('text-align', 'center'),
  ('font-weight', 'bold'),
  ('color', '#6d6d6d'),
  ('background-color', '#f7ffff')
  ]

                                    
td_props = [
  ('font-size', '12px')
  ]
                                 

styles = [
  dict(selector="th", props=th_props),
  dict(selector="td", props=td_props)
  ]

df2=outputdframe.style.set_properties(**{'text-align': 'left'}).set_table_styles(styles)

但它不适用于streamlit。那么，知道如何在 Streamlit 上设置数据框的样式吗？

谁能帮我？

这是我的视图样式

<View
 style={{
          flexDirection: 'column',
          marginTop: 15,
          borderTopWidth: 2,
          borderStyle: 'dashed',
          borderTopColor: 'rgb(225, 225,225)',
          margin: 20,
          alignSelf: 'center',
          paddingTop: 10,
   }}
>

在 Android 上，我得到一条漂亮的虚线

然而，在 iOS 上，我没有收到任何消息

和

WARN Unsuppported dashed / dotted border style

并且包含视图的其余部分根本不渲染