标签: grid

您如何从更大的二维列表中获取二维子列表？

gridx = 10
gridy = 16

grid = [[0]*gridx for i in range(gridy)]
subgrid = None
# I want to get a subgrid given an x,y grid origin (bottom-left) and x,y subgrid size

class input_data(Tkinter.Tk):
    def __init__(self):
        Tkinter.Tk.__init__(self);
        self.resizable(width=False,height=False);
        self.geometry('500x500');
        t = ['frame','input_text'];
        for i in t:
            eval('self.'+i+'()');
def frame(self):
    self.f = Tkinter.Frame(self,width=200,height=200,bg='cyan');
    self.f.grid(row=0,column=0);

def input_text(self):
    self.e = Tkinter.Entry(self.f);
    self.e.grid(row=0,column=0);  

root = input_data();
root.mainloop();

代码看起来不错，但框架不适合指示的dedida，但如果你这样做，请在下面的代码中

import Tkinter as tk

class SimpleApp(object):
    def __init__(self, master, **kwargs):
    title = kwargs.pop('title')
    frame = tk.Frame(master, borderwidth=5, bg = 'cyan', **kwargs)
    frame.grid()
    button = tk.Button(frame, text = title)
    button.grid(sticky = tk.SE)
    frame.rowconfigure('all', minsize = 200)
    frame.columnconfigure('all', minsize = 200)

def basic():
    root = tk.Tk()
    app = SimpleApp(root, title …

我第一次在 python 中工作，基本上我试图让这些标签在正确的列和正确的行中对齐，但由于某种原因它不会向下移动行，列也不正确。任何帮助将非常感激！

代码：

    from tkinter import *
    import sys

    #Setup GUI

    #Create main window
    main = Tk();
    #Create title of main window
    main.title = "Waterizer 1.0";
    #Create default size of main window
    main.geometry("1024x768");
    #Lets get a fram to stick the data in we plan on using
    mainApp = Frame(main);
    #Snap to grid
    mainApp.grid();
    #Font for main labels
    labelFont = ('times', 20, 'bold');
    #Label for the Power
    powerLabel = Label(mainApp, text="Power  Status");
    powerLabel.config(fg="Red", bd="1");
    powerLabel.config(font=labelFont);
    powerLabel.grid( row=0,column=20,columnspan=4, sticky = W); …

我制作了 2 个 MouseEvents，它们可以工作，但问题是它们的工作方式与我预期的不一样。当我的鼠标指针在网格空间中时，我需要这 2 个事件处于活动状态，但现在它们仅在指针位于任何行上时才起作用。

我的代码：

            // Grid 3 Rows.
        Grid grid_Edit = new Grid();
        Grid.SetRow(grid_Edit, 0);
        Grid.SetColumn(grid_Edit, 1);
        RowDefinition rowDef1 = new RowDefinition();
        RowDefinition rowDef2 = new RowDefinition();
        RowDefinition rowDef3 = new RowDefinition();
        grid_Edit.RowDefinitions.Add(rowDef1);
        grid_Edit.RowDefinitions.Add(rowDef2);
        grid_Edit.RowDefinitions.Add(rowDef3);
        grid_Edit.RowDefinitions[0].Height = new GridLength(1, GridUnitType.Star);
        grid_Edit.RowDefinitions[1].Height = new GridLength(1, GridUnitType.Star);
        grid_Edit.RowDefinitions[2].Height = new GridLength(1, GridUnitType.Star);
        grid_Edit.MouseEnter += new MouseEventHandler(gridEdit_MouseEnter);
        grid_Edit.MouseLeave += new MouseEventHandler(gridEdit_MouseLeave);
        mainWindow_ref.Children.Add(grid_Edit);

        // 3 lines
        line1.Stroke = Brushes.White;
        line1.X1 = 1;
        line1.Stretch = Stretch.Fill;
        Grid.SetRow(line1, 0);
        line1.VerticalAlignment = VerticalAlignment.Center;

        line2.Stroke …

在 PrimeNG 中 - 有没有办法一次只允许扩展一行？

<p-dataTable [value]="cars" expandableRows="true">
        <p-column expander="true" styleClass="col-icon"></p-column>
         <p-column field="vin" header="Vin"></p-column>
        <ng-template let-car pTemplate="rowexpansion">
         ...
</p-dataTable>

我在大屏幕上有一行和 2 列。我试图保持 2 列在较小的屏幕上彼此对齐。说，768px。

<div class="row">
<div class="col-md-6">
<p> This is just a test</p>
</div>
<div class="col-md-6">
<p> This is just a test</p>
</div>
</div>

为什么是 4 列？我的意思是，当我使用 Flexbox 时，我们将其称为 4 行。现在行变成了 CSS 网格中的列？你能解释一下吗？

行是水平的。我在我的电脑上使用 VS Code

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-gap: 10px;
  background-color: #2196F3;
  padding: 10px;
}

最近我又开始学习网页设计，为我们正在组织的免费节日创建了一个网站。现在我对 CSS Grid 感到非常失望，一切似乎都在进行中，直到有人告诉我该网站在 Safari 中看起来很愚蠢..

网格系统的下部显示为它应该是......在移动设备上。但是标题下方的赞助商徽标似乎是一个垂直列表。

现在我可以用 float 以不同的方式修复这些徽标，对于下部我不知道如何使它看起来相同，但我宁愿只是为 Safari 找到一个解决方法。

我希望它与网格模板列有关，尝试了一些东西（从 auto 更改为 fr 并添加 align/justify-self），但我自己似乎无法弄清楚。这里有人能帮我吗？

HTML：

<div class="sponsors">
<div class="sponsorlogo">
    <a href="https://www.recupel.be/nl/" target="_blank"><img src="img/Logo_Recupel.png" alt="Logo Recupel" /></a>
</div>
<div class="sponsorlogo">
    <a href="https://www.brugge.be/" target="_blank"><img src="img/Logo_StadBrugge.png" alt="Logo Stad Brugge" /></a>
</div>
<div class="sponsorlogo">
    <a href="https://www.transform3.be/" target="_blank"><img src="img/Logo_transform3.png" alt="Logo transform3" /></a>
</div>
<div class="sponsorlogo">
    <img src="img/Logo_ecoFoundation.png" alt="Logo eco Foundation" />
</div>
<div class="sponsorlogo">
    <a href="https://www.aandeplas.be/" target="_blank"><img src="img/Logo_AandePlas.png" alt="Logo Domein Aan de Plas" /></a>
</div>
<div class="sponsorlogo">
    <a href="https://www.legendstours.be/" target="_blank"><img src="img/Logo_LegendsFreeWalkingTours.png" …

我正在尝试使用 3 张具有相同高度的水平卡片，并且它必须具有响应性。那么问题来了，如果一张卡片的内容比另一张大，那么卡片的高度就不一样了，一张卡片的高度看起来比另一张大。所以我一般想要这3张卡片的高度固定，这样无论内容是少还是多，3张卡片的高度都必须相同。

我在此使用“Material-UI”并使用其中的 Card 组件。

<Grid container spacing={2}>
 <Grid item>
   <Card>
     Card 1
   </Card>
 </Grid>
<Grid item>
   <Card>
     Card 2
   </Card>
 </Grid>
<Grid item>
   <Card>
     Card 3
   </Card>
 </Grid>
</Grid>

如果我尝试使用 Grid 的组件作为“卡片”，那么它可以正常工作，所有卡片的高度都是恒定的，无论它们里面是否存在内容。但是我无法提供卡之间的间距，因此结构看起来非常紧凑。

<Grid container spacing={2}>
 <Grid item component="Card">
     Card 1
 </Grid>
<Grid item component="Card">
     Card 2
 </Grid>
<Grid item component="Card">
     Card 3
 </Grid>
</Grid>

该热图有一个内置网格，我无法找到自定义的方法。

我想保留网格中的水平线，如果可能的话增加厚度，并禁用垂直线。每行应该看起来像一个连续的时间序列，其中存在数据，而不存在数据则为空白。

在顶部添加垂直/水平线可能会覆盖一些数据，因为网格线或小矩形之间的受控间隙是更好的选择。

或者，geom_raster根本不显示任何网格。我需要添加网格的水平线。

我尝试更改线型，即 geom_tile 参数，它似乎确实更改了类型或允许使用 linetype=0 完全禁用它，完全禁用网格，但它不允许保留水平网格线。通过修改大小参数，我没有看到任何变化。

这是生成上述绘图的代码：

ggplot( DF, aes( x=rows, y=name, fill = value) ) +   
    #geom_raster( ) +
    geom_tile( colour = 'white' ) +
    scale_fill_gradient(low="steelblue", high="black", 
                        na.value = "white")+
    theme_minimal() +
    theme( 
      legend.position = "none",
      plot.margin=margin(grid::unit(0, "cm")),
      #line = element_blank(),
      #panel.grid = element_blank(),
      panel.border = element_blank(),
      panel.grid = element_blank(),
      panel.spacing = element_blank(),
      #panel.grid = element_line(color="black"),
      #panel.grid.minor = element_blank(),
      plot.caption = element_text(hjust=0, size=8, face = "italic"),
      plot.subtitle = element_text(hjust=0, size=8),
      plot.title   = element_text(hjust=0, size=12, …

早上好，

我目前正在尝试将国家（无海洋）的 10x10（或 5x5）公里网格单元剪到边界上。例如，请参阅尼日利亚的网格栅格：Nigeria Grid Cells

计划 A：我的计划是采用带有国家边界的 GADM 0 级地图 ( https://gadm.org/data.html ) 并相应地创建网格单元。

虽然 st-grid 命令很简单，但计算起来需要很长时间（尼日利亚 > 30 小时）

 regions <- st_read("data/region/gadm36_0.shp") %>%
 st_transform("+proj=robin +lon_0=0 +x_0=0 +y_0=0 +ellps=WGS84 +datum=WGS84 +units=m +no_defs") 
 
grid<- st_make_grid(regions %>%
                           st_union(), cellsize = c(10000, 10000), square = T) 

即使使用 R Studio Pro 服务器，它也需要花费大量时间......

有什么想法可以解决这个问题吗？

计划 B：我的第二个计划是使用https://figshare.com/articles/Global_10_x_10-km_grids_suitable_for_use_in_IUCN_Red_List_of_Ecosystems_assessments_vector_and_raster_format_/4653439 中的 10x10km 网格栅格 并将其剪辑到国家/地区形状文件中。

问题是我无法将栅格数据文件加载到 R 中并使其使用 sf 包中的crop和mask命令运行。有人知道如何运行吗？

计划 C：对于已经存在的国家，是否有 10x10km 的栅格栅格文件？我知道 PRIO 的 50x50 网格，但没有找到好的解决方案。

非常感谢，希望你能帮我解决这个问题！

我正在尝试实现facebook风格的照片网格布局.我正在使用angularjs和bootstrap.我所遇到的某些插件,像角砌筑可以用于此,我想.以下是我实际尝试按照可能的布局实现的一些快照:

不知道如何实现这一目标？还有其他插件可以让生活变得轻松吗？