标签: divider

Flutter 垂直分隔线与其父级一样高

嗨,Flutter 社区:)

开发 flutter 应用程序并寻求 UI 小部件的帮助。

我不知道如何根据父母的身高设置孩子的身高。

需要创建一个垂直分隔线(或具有自定义高度的容器)并将其高度设置为其父级的最大值,因为父级高度(在我的例子中是一列)将根据内部小部件而变化。

我找到了创建垂直分隔线但高度固定的方法。尝试使用 BoxFit、BoxConstraints、FittedBox 和其他几种方法,但未能设置父级的高度。

分隔线放置在容器>行>列->容器内,分隔线的高度应该是列的高度。

如下图所示:

https://i.stack.imgur.com/uUWjF.png

ps 所有小部件都放置在 ListView 内

      Column(
         children: <Widget>[
            Container(
              color: Colors.blue,
              width: 5.0,
              //height: -> setting to maximum of its parent
            ),
          ],
        ),
Run Code Online (Sandbox Code Playgroud)

height divider flutter

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

如何将自定义分隔符图像添加到UITabBar?

我有一个UITabBar,我试图在新的iOS 6 App Store外观后设计.我有一些非常漂亮的渐变,但我想知道如何设置分频器图像.

除了手动将线条添加到每个图像之外,我还能做些什么来重现分割器外观吗?

在此输入图像描述

在此输入图像描述

在此输入图像描述

iphone uitabbarcontroller divider ios

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

Android分频器颜色DatePicker对话框

我正在尝试在对话框中更改DatePicker的蓝色分隔线的颜色.这只是一个带有DatePicker和ButtonBar的普通DialogFragment.

有没有人知道改变这些分隔符,或者如果没有用自定义的替换整个DatePicker甚至可能?

截图DatePicker

迷你咆哮

现在我看到太多的答案提示以下代码:

<style name="datePickerTheme" parent="@android:style/Widget.DeviceDefault.DatePicker">
    <item name="android:divider">**your @drawable/ or @color/ here**</item>
</style>
Run Code Online (Sandbox Code Playgroud)

这根本行不通.你们在建议这段代码之前试过这个吗?它应该可以正常工作,但它似乎不适用于DatePicker.

android colors datepicker divider android-layout

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

如何隐藏片段中首选项之间的分隔符

我想隐藏片段中的首选项之间的分隔符.代码如下:

1.SettingsActivity.java

public class SettingsActivity extends PreferenceActivity {
    super.onCreate(savedInstanceState);
    SettingsFragment settingsFragement = new SettingsFragment();
    FragmentTransaction transaction = getFragmentManager().beginTransaction();
    transaction.add(android.R.id.content, settingsFragement, "settings");
    transaction.commitAllowingStateLoss();
}
Run Code Online (Sandbox Code Playgroud)

2.SettingsFragment.java

public class SettingsFragment extends PreferenceFragment{
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        addPreferencesFromResource(R.xml.settings);
    }
}
Run Code Online (Sandbox Code Playgroud)

3.settings.xml

<?xml version="1.0" encoding="utf-8"?>
<PreferenceScreen xmlns:android="http://schemas.android.com/apk/res/android">
    <PreferenceCategory>
        <Preference 
             android:key="preference_a"
             android:title="preferenceA"/>
        <Preference 
             android:key="preference_b"
             android:title="preferenceB"/>
        <ListPreference 
             android:key="list_preference_c"
             android:title="list_preferenceC"/>
    </PreferenceCategory>
</PreferenceScreen>
Run Code Online (Sandbox Code Playgroud)

偏好中有系统默认分隔符.我想隐藏分隔线.

如何隐藏分隔线?非常感谢.


谢谢大家的回答.但是,问题是我无法从活动和片段中获取列表视图.

ListView list = (ListView) findViewById(android.R.id.list);
Run Code Online (Sandbox Code Playgroud)

android fragment preference divider android-fragments

11
推荐指数
3
解决办法
6519
查看次数

材料 UI 分隔板厚度

我正在寻找一种增加材质 UIDivider线条粗细的解决方案(垂直拉伸水平线或水平拉伸垂直线)。

我已阅读https://mui.com/material-ui/api/divider/上的 Material UI v5 文档。

根据 API,没有可以修改分隔线“厚度”的属性。

我尝试过内联样式的不同实现(特定于 Material UI v5):

<Divider sx={{height:"15px", fontSize:"50px", width:"50px", fontWeight:"bold", padding:"15px"}}/>
Run Code Online (Sandbox Code Playgroud)

上述属性均未修改线条的“粗细”。

我正在寻找特定于 Material UI v5 Divider 组件的解决方案。我不想创建 Box 组件,然后为该 Box 组件实现内联 sx 属性或自定义类。

有人有什么想法吗?

css attributes styling divider material-ui

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

如果添加了footerview,则分隔符将从listview中的最后一项消失

如果在ListView中添加了页脚视图,则分隔符将从ListView的最后一项中消失.

即使我已经android:footerDividersEnabled="true"使用ListView 设置,我的页脚视图只是TextTiew.

android listview divider

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

matplotlib:当使用append_axes时,如何指示我想要添加子面板的轴?

我一直在看Matplotlib库中的示例"scatter hist".

目前,x/y子图分别位于顶部和右侧,即:

divider = make_axes_locatable(axScatter)
axHistx = divider.append_axes("top", 1.2, pad=0.1, sharex=axScatter)
axHisty = divider.append_axes("right", 1.2, pad=0.1, sharey=axScatter)
Run Code Online (Sandbox Code Playgroud)

但是,如果我将子图位置更改为:

divider = make_axes_locatable(axScatter)
axHistx = divider.append_axes("bottom", 1.2, pad=0.1, sharex=axScatter)
axHisty = divider.append_axes("right", 1.2, pad=0.1, sharey=axScatter)
Run Code Online (Sandbox Code Playgroud)

即将x子面板移动到底部,然后append_axes将y子图添加到x子图的右侧,而不是散点图的右侧.(我上传图片,但我还没有足够的声誉发布图片...... grrr)!

如何告诉append_axes我想将y子图附加到包含散点图的"主轴"的右侧?我猜我需要在某处再次指定对象axScatter(虽然我认为这divider = make_axes_locatable(axScatter)是为了什么?!)或者我猜测分隔符在窗口面板中设置了一个网格我需要告诉append_axes哪个单元格包含主轴.

谢谢,

亚历克斯

python matplotlib divider subplot

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

无法改变旋转器分隔器的颜色

我的微调器被定义为这样,它似乎是android:divider ="#66BC31"没有效果,我仍然得到白色分隔符:

<Spinner
    android:id="@+id/spinner"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:layout_marginTop="15dip"
    android:layout_marginBottom="15dip"
    android:layout_marginLeft="10dip"
    android:layout_marginRight="10dip"
    android:textColor="#ffffff"
    android:divider="#66BC31"
    android:background="@drawable/spina" />
Run Code Online (Sandbox Code Playgroud)

这是我的代码,我更改我的微调器字体并选择下拉资源:

ArrayAdapter<String> adapter = new ArrayAdapter<String>(Roaming.this,
            R.layout.roaming_spinner, data) {

        public View getView(int position, View convertView, ViewGroup parent) { 
            View v = super.getView(position, convertView, parent);

            Typeface externalFont = Typeface.createFromAsset(getAssets(),
                    "fonts/HelveticaNeueLTCom-Lt.ttf");
            ((TextView) v).setTypeface(externalFont);

            return v;
        }

        public View getDropDownView(int position, View convertView,
                ViewGroup parent) { // we need this so we can use custom
                                    // font for spinner (open)
            View v = super.getDropDownView(position, convertView, parent);

            Typeface externalFont …
Run Code Online (Sandbox Code Playgroud)

android spinner divider

9
推荐指数
2
解决办法
6620
查看次数

如何在tablelayout中的列之间设置分隔符?

我想创建一个带有列分隔符的表.我想用垂直条形图像划分我的列.为了达到这个目的,我已经习惯了"android:divider="@drawable/abc" 但是没有用.下面是我的xml文件:

 <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="horizontal" 
   android:stretchColumns="*"
    android:padding="5dip"
android:divider="@drawable/tracking_green"
>
<TableRow  >

<TextView
    android:id="@+id/retaileritem1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:text="xxxxxxx" />

<TextView
    android:id="@+id/retaileritem2"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:text="xxxxxxx" />

<ImageView
    android:id="@+id/retailerimage1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:src="@drawable/tracking_green" />

</TableRow>
Run Code Online (Sandbox Code Playgroud)

android divider android-tablelayout

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

垂直LinearLayout的分频器?

所以我试图使用XML android:divider属性在LinearLayout中的视图之间放置一个分隔符.当我使用垂直LinearLayout时,不显示分隔符.当我使用水平LinearLayout时,分隔符显示并正常工作.这是我用于divider(drawable/one.xml)的drawable :

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <size android:width="1dip" />
    <solid android:color="#FFFFFF" />
</shape>
Run Code Online (Sandbox Code Playgroud)

这是我的LinearLayout:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:divider="@drawable/one"
              android:dividerPadding="10dp"
              android:showDividers="middle">
<TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="test1"
            />

<TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="test2"
            />

</LinearLayout>
Run Code Online (Sandbox Code Playgroud)

是不是可以使用具有垂直线性布局的divider属性,还是我错过了什么?

android divider android-layout android-linearlayout

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