标签: styling

在 WPF 中设置动画 - 在“System.Windows.Controls.ControlTemplate”的名称范围中找不到名称

一直试图在更改选项卡时使用一些动画制作选项卡控件,但它一直让我感到悲伤并拒绝让我将动画放在任何有用的地方,除非它与控件本身位于同一个 XAML 窗口文件中(样式驻留在 DLL 文件中)来自其他样式的工作)。这是我的风格:

<Style x:Key="AnimatedTabControl" TargetType="{x:Type TabControl}">
    <Setter Property="SnapsToDevicePixels" Value="True" />
    <Setter Property="Background" Value="White" />
    <Setter Property="BorderThickness" Value="0" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type TabControl}">

                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>
                    <Border>
                        <TabPanel
                                IsItemsHost="True">
                        </TabPanel>
                    </Border>
                    <Border BorderThickness="0"
                                Grid.Row="1"
                                BorderBrush="White"
                                Background="White">
                        <ContentPresenter x:Name="TabControlContent" ContentSource="SelectedContent" Margin="0" />
                    </Border>
                </Grid>
                <ControlTemplate.Resources>
                    <Storyboard x:Key="TabSelectionChangedStoryboard">
                        <DoubleAnimation Storyboard.TargetName="TabControlContent"
                         Storyboard.TargetProperty="Opacity"
                         To="100"
                         From="0"
                         FillBehavior="HoldEnd"
                         Duration="0:0:30.0" />
                    </Storyboard>
                </ControlTemplate.Resources>
                <ControlTemplate.Triggers>
                    <EventTrigger RoutedEvent="SelectionChanged">
                        <BeginStoryboard Storyboard="{StaticResource TabSelectionChangedStoryboard}" />
                    </EventTrigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>
Run Code Online (Sandbox Code Playgroud)

这导致在“System.Windows.Controls.ControlTemplate”的名称范围内找不到“TabControlContent”名称 …

wpf styling

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

为高对比度主题重新设计 AvalonDock?

我在一个项目中使用 AvalonDock。为了这个例子,它的结构如下:

<ad:DockingManager>
    <ad:DockablePane>
        <ad:DockableContent Title="Test1">
        </ad:DockableContent>
        <ad:DockableContent Title="Test2">
        </ad:DockableContent>
    </ad:DockablePane>
</ad:DockingManager>
Run Code Online (Sandbox Code Playgroud)

普通标签

这很好,但不幸的是,标签在高对比度主题上看起来不太好,如下所示。

高对比度标签

理想情况下,我想重新设置选项卡的样式以使用系统颜色作为背景(例如窗口颜色)。这可能吗?

谢谢,艾伦

c# wpf styling avalondock high-contrast

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

宽度和高度不适用于“a”标签?

我是 css 新手,开始从事一些简单的项目。不过,我遇到了一个非常奇怪的问题样式按钮。以下代码不会产生链接:

<a href="#" style="width:240px; height:40px;"></a>
Run Code Online (Sandbox Code Playgroud)

但出于某种原因,这将:

<a href="#" style="width:240px; height:40px; float:left;"></a>
Run Code Online (Sandbox Code Playgroud)

我的问题基本上是,您究竟如何在不必使用浮动的情况下设置链接的大小?为什么浮动会起作用?

谢谢!

html css size hyperlink styling

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

Rails:Css在开发和生产方面似乎有所不同

我有一个标准的rails 4/heroku设置.有一点很奇怪:页面的不同元素以不同的大小显示在本地环境和生产环境中.

例如:虽然标题高度设置为特定像素值,但两个环境的高度不同.与内容的宽度相同:我设置最大宽度为1260px - 两个环境的内容宽度不同.

生产中的一切看起来都更大.

我发现了一个相关问题,表明问题是由于编译两次的资产造成的.这不是我的问题... 我的CSS在开发和生产环境之间加载不同

这种行为的原因是什么?提前致谢.

css ruby-on-rails heroku styling

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

保存样式元素以在其他视图控制器中重用

我正在使用 Xcode 制作一个 iOS 应用程序,其中我的所有按钮都应该具有相同的样式。这些按钮之间的唯一区别是它们的高度和宽度。有没有办法保存我设计的第一个样式,然后在不同的视图控制器中再次使用它,而无需复制?我在想如果这可能的话,它会为我节省很多时间。

xcode styling ios swift

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

在 android map v2 中创建自定义样式的地图时无法解析 setMapStyle()

我试图在我的应用程序的地图中实现自定义配色方案。所以我按照谷歌的指示在 onMapReady() 函数中调用了一个自定义 JSON(JSON 是用谷歌提供的工具创建的)。我的 onMapready 函数如下所示

  @Override
public void onMapReady(GoogleMap googleMap) {
    mMap = googleMap;
               try {
            // Customise the styling of the base map using a JSON object defined
            // in a raw resource file.
            boolean success = mMap.setMapStyle(MapStyleOptions.loadRawResourceStyle(
                            this, R.raw.style_json));

            if (!success) {
                Log.e("MapsActivityRaw", "Style parsing failed.");
            }
        } catch (Resources.NotFoundException e) {
            Log.e("MapsActivityRaw", "Can't find style.", e);
        }
    }
Run Code Online (Sandbox Code Playgroud)

但是无论我尝试过什么,它都会在函数 setMapStyle() 中显示错误。

错误

我是 android 编程的初学者,所以如果它甚至是一个很小的明显解决方案,请提供帮助..我已经搜索了很多以获得解决方案..

提前致谢

android json google-maps styling

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

如何使用openpyxl设置图表绘图区域的背景颜色

我想更改图表的背景颜色,如本例所示,使用 openpyxl。

在谷歌小组讨论中,我发现了以下代码片段:

from openpyxl.chart.shapes import GraphicalProperties 

props = GraphicalProperties(solidFill="999999") 
chart.graphical_properties = props 
chart.plot_area.graphical_properties = props
Run Code Online (Sandbox Code Playgroud)

但保存到excel文件时,它对图表没有任何影响。

python charts styling openpyxl

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

Angular 5:如何在中央文件中定义调色板

我想在我的项目的中央文件中声明我的调色板。

目前我正在使用一个包含地图的 Injectable 来引用我使用的所有颜色。例子:

@Injectable()

export class COLOR_DICTIONARY {
private static COLOR_MAP: Map<string, string> = new Map<string, string>();

 constructor() {
    COLOR_DICTIONARY.COLOR_MAP.set('primary', '#339988');
 }

 get(key: string) {
    return COLOR_DICTIONARY.COLOR_MAP.get(key);
 }
}
Run Code Online (Sandbox Code Playgroud)

然而,这迫使我使用 ngStyle 引用标记中的所有颜色,而不是直接在 css 中

[ngStyle]="{'color': color_dictionary.get('primary')}"
Run Code Online (Sandbox Code Playgroud)

我目前正在对整个网站进行更大规模的重新设计,改变样式文件和标记文件中的样式变得很麻烦。(甚至用于添加/更改/删除颜色的打字稿文件)。

如何在中央文件中引用调色板 - 最好是更静态的文件,如 XML 文件或其他内容,可以直接在 css 文件中引用。

我愿意将样式转换为 scss 文件,如果这会让它更容易,或者它有利于目的。

该项目与 webpack 捆绑在一起,因此也感谢有关如何捆绑解决方案的任何提示。

css sass styling color-palette angular

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

如何在 Android 5.0+ 上设置 SearchView 的样式?

我正在为 Android 5.0+ 创建应用程序,所以我正在使用 API 21+。

使用 android.support.v7.widget.SearchView 与 SearchView 有什么好处?

我可以使用 SearchView 还是必须使用 android.support.v7.widget.SearchView?

如何以这种方式设置 SearchView 的样式。我还需要在其他活动中重用这种风格。

在此处输入图片说明

我目前的风格:

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimaryDark">@color/color_primary</item>
    <item name="colorAccent">@color/color_accent</item>
    <item name="android:textColor">@color/white</item>
</style>
Run Code Online (Sandbox Code Playgroud)

android styles styling searchview material-design

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

Flutter 中的基本对齐文本和虚线

我正在尝试为我的 Flutter 应用程序创建这样的东西:

在此处输入图片说明

现在我已经成功地得到一行文字,一条虚线和更大的文字。我似乎无法解决的最后一个问题是摆脱不同大小文本中的可变大小差距。

在此处输入图片说明

[编辑] 我的意思是让所有内容都在同一条红线上对齐:

在此处输入图片说明

看着这个答案,我想我可以做同样的事情并将所有文本放在定位堆栈中。然而,这打破了我的布局,给了我这个错误:

I/flutter (26439): The following assertion was thrown during performLayout():
I/flutter (26439): RenderFlex children have non-zero flex but incoming height constraints are unbounded.
I/flutter (26439): When a column is in a parent that does not provide a finite height constraint, for example if it is
I/flutter (26439): in a vertical scrollable, it will try to shrink-wrap its children along the vertical axis. Setting a
I/flutter (26439): flex on a child (e.g. using …
Run Code Online (Sandbox Code Playgroud)

layout styling flutter

1
推荐指数
2
解决办法
4165
查看次数