标签: padding

MotionLayout 忽略填充

我正在尝试在滑动时对文本视图的边距、填充和 alpha 进行动画处理。一开始,textview没有padding,alpha为1。最后,我希望alpha为0,padding为100dp,两侧边距为16dp dp,alpha为0.5 一切正常,除了padding是没有改变。MotionLayout 支持填充吗?我正在使用 androidx.constraintlayout:constraintlayout:2.0.0-beta4。

添加更多文本,因为 SO 说我的帖子看起来主要是代码...添加更多文本,因为 SO 说我的帖子看起来主要是代码...添加更多文本,因为 SO 说我的帖子看起来主要是代码.. 。

布局 XML:

    <androidx.constraintlayout.motion.widget.MotionLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/layoutParent"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layoutDescription="@xml/test">

    <TextView
        android:id="@+id/fakenavigationBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:text="hello world">
    </TextView>
</androidx.constraintlayout.motion.widget.MotionLayout>
Run Code Online (Sandbox Code Playgroud)

运动场景:

<?xml version="1.0" encoding="utf-8"?>
<MotionScene xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:motion="http://schemas.android.com/apk/res-auto">

    <ConstraintSet android:id="@+id/start">
        <Constraint
            android:id="@id/fakenavigationBar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:alpha="1"
            android:padding="100dp"
            motion:layout_constraintTop_toTopOf="parent"
            motion:layout_constraintStart_toStartOf="parent">
        </Constraint>

    </ConstraintSet>

    <ConstraintSet android:id="@+id/end">
        <Constraint
            android:id="@id/fakenavigationBar"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="16dp"
            android:layout_marginEnd="16dp"
            android:alpha="0.5"
            motion:layout_constraintStart_toStartOf="parent"
            motion:layout_constraintEnd_toEndOf="parent"
            motion:layout_constraintBottom_toBottomOf="parent">
        </Constraint>

    </ConstraintSet>

    <Transition
        motion:constraintSetStart="@+id/start"
        motion:constraintSetEnd="@+id/end"
        motion:duration="2000"
        motion:motionInterpolator="linear">

        <OnSwipe
            motion:touchAnchorId="@+id/fakenavigationBar"
            motion:touchAnchorSide="top"
            motion:dragDirection="dragDown"/>
    </Transition>
</MotionScene>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述在此输入图像描述

animation android padding android-motionlayout

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

有没有办法从反应本机选择器组件中删除默认填充?

我想从一开始就显示选择器组件内的文本,而不应用任何填充。我研究过但找不到解决方案。我正在android中调试。

我的代码:

<View style={[styles.pickerContainer]}>
            <Picker
              selectedValue={this.state.phoneCountryCode}
              style={[styles.pickerText(text),{backgroundColor:'transparent', width: 80 }]}
              itemStyle={{padding:0, backgroundColor:'yellow'}}
              mode="dropdown"
              onValueChange={(itemValue, itemIndex) =>
                this.setState({ phoneCountryCode: itemValue })
              }>
              {Constants.CountryCodes.map((item, index) => (
                <Picker.Item key={item} label={item.label} value={item.value} />
              ))}
            </Picker>
          </View>
Run Code Online (Sandbox Code Playgroud)

风格:

pickerContainer:{
  marginTop: 10, 
  position: 'absolute', left:0, bottom:0, zIndex:10,
},
  pickerText:(text)=>({
  color:'gray',
  height: 40,
  textAlign: 'left',
  padding:0,
  margin: 0,
}),
Run Code Online (Sandbox Code Playgroud)

padding styling picker react-native

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

删除或设置 ListTile 中的填充

我对 Flutter / Dart 完全陌生,所以如果这是一个菜鸟问题,请原谅。我试图从“第一个应用程序”示例代码中删除 ListTile 元素文本顶部和底部的空间。 基本上就是带有红色指针的两个区域。

代码看起来像

  return ListTile(
    //dense: true,
    //minVerticalPadding: 1.0,
    //contentPadding: EdgeInsets.symmetric(vertical: 1),
    tileColor: Colors.blue,
    title: Text(
      pair.asPascalCase,
      style: _biggerFont,
    ),
  );
Run Code Online (Sandbox Code Playgroud)

正如你所看到的,我尝试了密集、minVerticalPadding 和 contentPadding,但它们都没有完成这项工作。

非常感谢您为我指明了正确的方向!

padding dart flutter

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

SwiftUI:NavigationLink 在最少 10 行示例中导致不必要的填充

当将视图包装在 a 中NavigationLink以创建主从流时,NavigationLink似乎添加了我不想要的填充(红色)。

在此输入图像描述 在此输入图像描述

如果我注释掉NavigationLink,一切看起来都是正确的(右图)。然而,这当然使我的观点无法点击。

我该如何去除在手表上渲染此内容时出现的红色填充?

这是我运行的代码:

struct ContentView: View {
    
    let testArray = [1,2,3,4,5]
    
    var body: some View {
        
        ScrollView {
            VStack {
                ForEach(testArray, id: \.self) { element in
                    
                    NavigationLink(destination: Text("")) {
                        Text("BB . . . . . . . . . . . . . . . . . . . . . . .")
                            .font(.title3)
                            .foregroundColor(.white)
                            .background(Color.blue)
                    }.background(Color.red) //has all the unwanted padding
                    
                }
            }.background(Color.black)
        }.background(Color.gray)
    }
}
Run Code Online (Sandbox Code Playgroud)

我在如何在 SwiftUI 中将 NavigationLink …

padding swiftui swiftui-navigationlink

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

有可能以某种方式覆盖容器的填充?

我可能会过度思考这个但是我第一次使用Wordpress并且习惯了所有事情让我头疼.

基本上,我有一个容器div.我很懒,放一个10px的填充物.但对于我正在尝试创建的主题,我有几个divs我想跨越整个容器,没有填充.

这是一个图片示例:

在此输入图像描述

有没有办法绕过容器div的设置,所以这一个栏不会被填充?

html css padding

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

mcrypt_decrypt - 奇怪的填充(不是默认的,不是null)

我正在尝试使用对称解密代码如下:

$encrypted = base64_decode($encryptedBase64String);
$returnText = mcrypt_decrypt(MCRYPT_RIJNDAEL_256, key, $encrypted, MCRYPT_MODE_CBC, iv);
Run Code Online (Sandbox Code Playgroud)

我遇到了奇怪的结果(没有人质疑).我不知道为什么方法mcrypt_decrypt返回带有填充的解密文本,填充字节值等于填充字符数.根据php手册,该方法应该使用零值字节填充其返回值.

为了澄清它,我在下面放了两个例子:

[以上呼叫mcrypt_decrypt垫返回长度为32]

例1

plainText ='text'

'text'的长度为4,因此填充的大小为28个字符(32 - 4)

所以我收到returnText:

{\116\101\120\116\28\28\28\28\28\28\28\28\28\28\28\28\28\28\28\28\28\28\28\28\28\28\28\28\28\28\28\28\28\28\28\28}
Run Code Online (Sandbox Code Playgroud)

例2

'12345678901234567890'

长度= 20

{\49\50\51\52\53\54\55\56\57\48\49\50\51\52\53\54\55\56\57\48\12\12\12\12\12\12\12\12\12\12\12\12}
Run Code Online (Sandbox Code Playgroud)

我该怎么做才能改变它?我有使用方法rtrim("\ 0")删除填充的问题,因为填充不是由null.

php cryptography padding

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

在具有固定宽度标题的滚动列的底部填充

所以我有一个带有专栏的网页.该列顶部有一个固定的标题,还有一个大的滚动主体部分,下面的HTML/CSS可以正常工作.

问题:我想在主体的底部添加填充,所以如果你一直向下滚动,你会得到一些空白,而不是让所有东西都堵塞到底部边缘.添加padding-bottom: 50px.bodyChrome中完美运行; 但是,在Firefox中,似乎使用该bottom属性意味着padding-bottom被忽略.如果删除bottom,则会显示填充,但滚动条会消失.

的test.html

<link type="text/css" rel="stylesheet" media="all" href="/test.css">
<div class="column">
  <div class="header">
    Fixed header
  </div>
  <div class="body">
    <h1>Body</h1>
    Where's the bottom padding?
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

test.css

.column {
  position: absolute;
  height: 100px;
  width: 100%;
  background-color: green;
}

.header {
  position: absolute;
  height: 30px;
  background-color: red;
}

.body {
  position: absolute;
  top: 30px;
  bottom: 0;
  overflow-y: auto;
  background-color: blue;
  padding-bottom: 50px;  /* Broken in Firefox */
}
Run Code Online (Sandbox Code Playgroud)

JSFiddle上面的内容:http …

css firefox layout google-chrome padding

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

带有x的CSS导航具有相同填充的选项卡数

我试图用css找出某个布局.

[.. tab1随机文本..] [.. tab2更多随机文本..] [.. tab3其他随机文本..] [.. tab4 ..] [.. tab5 ..]

这些是要求:

  • 所有选项卡都位于具有固定宽度的div内.
  • 标签不应该扩展到该div,但应填写它.
  • 标签数量可能有所不同.
  • 每个标签的宽度都未知(取决于文本内部).
  • 所有选项卡应共享相同的填充(从选项卡的外部字母到内部边框的空格应相同,由上面的".."表示).此填充不必修复,但在选项卡中应该相同.
  • 没有计算.如果添加或删除一个或多个标签,则所有这些都应该在不修改css的情况下工作.

我用桌子试了一下:

<table>
    <tr>
        <td>Tab1</td>
        <td>Tab 1 Space</td>
        <td>Tab 2 more Space</td>
        <td>Tab 3 even more Space</td>
        <td>Tab 4</td>
    </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

(小提琴)

我面临的问题是,填充根据表格的宽度和标签的数量而变化.

css navigation tabs padding

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

正确填充EDI ISA段

我编写了一个EDI文档生成器,它当前填充了ISA段中任何小于左侧空格所需字符数的字段,例如15个字符元素的"1234567890".我有一个客户希望我在右侧填充空格.我可以这样做,但ANSI X12是否指定了如何填充ISA段中的元素?

edi padding isa

3
推荐指数
2
解决办法
3565
查看次数

Visio 2013中Crow's Foot属性的填充大小?

只是一个简单的问题,我已经搜索了几个小时,但没有发现任何问题.我在MS Visio 2013中使用Crow的Foot Database Notation进行数据库设计, 这是我的设计 看起来每个属性的填充与周围环境太大了.怎么减少他们?我找不到任何工具,尝试增加字体大小但填充似乎也更大.

谢谢你

database margin padding visio2013

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