I´m trying to align some text with an icon-font icon in a button with custom height. The icon and the text should both be in the vertical center of the button with some pixels padding to the left and right side so that they both are in the horizontal center of the button. It also seems that the attribute which sets the size of the icon also doesn´t work.

/* Styles go here */
.btn-group{
  margin-top: 20px;
  margin-left: 20px;
} …

我正在尝试设计我的应用程序并制作自己的主题，但我遇到了一些问题，因为我需要一些不寻常的行为。

我与父母一起使用 Material Design 主题 Theme.AppCompat.Light.DarkActionBar

概述

视图有颜色：

• 文字是textColorPrimary, textColorSecondary,textColorTertiary
• 按钮是未知的灰色
• 按钮文字是textColorPrimary(?)
• 复选框和单选按钮未选中的边框是 textColorSecondary
• 复选框、单选按钮、滑块等颜色是 colorAccent

但是我需要

• 按钮有accentColor背景和白色文本
• 所有文本 ( textColorPrimary, textColorSecondary, textColorTertiary) 都是深绿色的变体
• 复选框，单选按钮在选中和未选中时也应该是原色。

我的风格

按钮

所以，我创造风格 Button.Default

<style name="Button.Default" parent="Widget.AppCompat.Button">
    <item name="colorButtonNormal">@color/colorAccent</item>
    <item name="android:textColor">@android:color/white</item>
</style>

并在我的主题中使用它：

<item name="android:buttonStyle">@style/Button.Default</item>

好的，颜色改变了，但背景没有。我将此行添加到主题样式：

<item name="colorButtonNormal">@color/colorFakeAccent</item>

好的

复选框

<style name="Checkbox.Default" parent="Widget.AppCompat.CompoundButton.CheckBox">
    <item name="android:textColor">@color/colorPrimary</item>
    <item name="colorAccent">@color/colorPrimary</item>
</style>

复选框样式没有改变。如何设置复选框、单选按钮未选中和选中颜色？

我有一个角度材料网格列表.它由一行(跨越4列)和许多"项"行组成,每行包含4个图块.这个 codepen说明了这个问题.

每个项目都应该有自己的行,即对于每个项目,应该渲染4个图块.

要做到这一点,我不能把它ng-repeat放在一个瓷砖上,因为这只会重复一个瓷砖.我尝试将4个ng-repeat磁贴包装在包含它的div中,但这会搞砸布局(在Codepen中:取消注释div).

这是我的代码:

<md-grid-list md-cols="4" md-row-height="4:1" md-gutter="8px">
    <md-grid-tile class="gray" md-colspan="4">
      <div layout="column" layout-fill>this is a static row</div>
    </md-grid-tile>
    <div ng-repeat="item in appCtrl.items">

      <md-grid-tile class="gray">
        <div layout="column" layout-fill>this row</div>
      </md-grid-tile>
      <md-grid-tile class="gray">
        <div layout="column" layout-fill>should repeat</div>
      </md-grid-tile>
      <md-grid-tile class="gray">
        <div layout="column" layout-fill>for every</div>
      </md-grid-tile>
      <md-grid-tile class="gray">
        <div layout="column" layout-fill>item</div>
      </md-grid-tile>
    </div>
</md-grid-list>

关于如何使用重复的瓷砖正确渲染网格列表的任何想法？

我试图在我的选项卡中显示图标,我正在使用tablayout和viewpager,但是当我调用tablayout.setupWithViewPager(viewpager)时,我的图标正在消失Min sdk is 16 Target is 24 Support library 24.2.1

这就是我设置标签的方式: -

    private void setUpTabs(){
       tabs.setupWithViewPager(viewpager);

        TabLayout.Tab discoverTab = tabs.newTab();
        TabLayout.Tab placesTab = tabs.newTab();
        TabLayout.Tab rewardTab = tabs.newTab();

        Drawable discover = ContextCompat.getDrawable(this, R.drawable.discover);
        discover.setAlpha(255);
        discover.setColorFilter(Color.WHITE, PorterDuff.Mode.SRC_ATOP);
        Drawable places = ContextCompat.getDrawable(this, R.drawable.places);
        places.setAlpha(55);
        places.setColorFilter(Color.WHITE, PorterDuff.Mode.SRC_ATOP);
        Drawable rewards = ContextCompat.getDrawable(this, R.drawable.rewards);
        rewards.setAlpha(55);
        rewards.setColorFilter(Color.WHITE, PorterDuff.Mode.SRC_ATOP);

        discoverTab.setIcon(discover);
        placesTab.setIcon(places);
        rewardTab.setIcon(rewards);

        tabs.addTab(discoverTab,0);
        tabs.addTab(placesTab,1);
        tabs.addTab(rewardTab,2); 
    }

ViewPager: -

   private void setUpViewPager(){
        ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());
        adapter.addFrag(DiscoverFragment.getFragment(null),"Discover");
        adapter.addFrag(PlacesFragment.getFragment(null),"Places");
        adapter.addFrag(RewardsFragment.getFragment(null),"Rewards");
        viewpager.setAdapter(adapter);
    }

ViewPagerAdapter: -

public class ViewPagerAdapter extends …

我希望在md-tab-group的底部对齐标签,如下所示:

在材质1中可以使用md-tabs-align ="bottom".为此目的,材料2中是否有任何可用的东西？

这是我的代码:

<md-tab-group> 
    <md-tab label="Tab One"> 
        Tab One Contents 
    </md-tab> 
    <md-tab label="Tab Two"> 
        Tab Two Contents 
    </md-tab> 
</md-tab-group>

如何设计带圆角和透明关闭按钮的自定义警报对话框？

是否可以通过CalendarView在MaterialCalendarView中设置minDate和maxDate？

calendarView.setMaxDate(lastDateInMillis);
calendarView.setMinDate(firstDateInMillis);

我有自定义按钮，但我想从我的参数中添加onpressed方法，不幸的是，我仍然卡在我的自定义按钮参数中，我应该使用哪种类型，目前我对该onpressed方法进行了硬编码，并传递了一个字符串路由来解决问题并不是我的所有按钮都可以导航，只有一个按钮可以注销，我已经在参数中使用了void，但仍然无法正常工作。这是我的自定义按钮

FlatButton buttonMenu(String title, IconData icon, String route) {
    return new FlatButton(
      shape: new RoundedRectangleBorder(
          borderRadius: new BorderRadius.circular(25.0)),
      color: Colors.blueGrey,
      child: new Container(
        height: 50.0,
        width: 120.0,
        child: new Row(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: <Widget>[
            new Padding(
              padding: EdgeInsets.only(right: 10.0),
              child: new Icon(
                icon,
                color: Colors.white70,
                size: 30.0,
              ),
            ),
            new Text(
              title,
              style: new TextStyle(fontSize: 20.0, fontWeight: FontWeight.w300),
            ),
          ],
        ),
      ),
      onPressed: () {
      Navigator.of(context).pushNamed('/$route');
      },
    );
  }
}

这就是我叫自定义按钮的方式

 buttonMenu('MVP Arc', Icons.star, 'EmployeeScreen')

我想要的是我可以将参数中的方法发送给我的onpressed，因此它将像这样

buttonMenu('MVP Arc', …

我正在写一个需要底角半径的应用程序。您可以在Google Task应用程序中看到类似的内容。

这是我的代码

showModalBottomSheet(
        context: context,
        builder: (builder) {
          return new Container(
            height: 350.0,
            color: Colors.transparent,
            child: new Container(
                decoration: new BoxDecoration(
                    color: Colors.white,
                    borderRadius: new BorderRadius.only(
                        topLeft: const Radius.circular(10.0), topRight: const Radius.circular(10.0))),
                child: new Center(
                  child: new Text("This is a modal sheet"),
                )),
          );
        });

仍显示没有边框半径的图纸。

好吧，我找到了原因。它确实显示了圆角，但是由于脚手架的背景颜色，容器的背景保持白色。现在的问题是如何覆盖支架背景颜色。

In my android project in xml I try to use com.google.android.material.textfield.TextInputEditText

like this:

        <com.google.android.material.textfield.TextInputEditText
                android:id="@+id/editTextEmail"
                style="@style/textTextViewStyle"
                android:layout_width="0dp"
                android:layout_height="@dimen/min_height"
                android:layout_margin="@dimen/default_margin"
                android:hint="@string/email"
                android:inputType="textEmailAddress"
                android:padding="@dimen/half_default_margin"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textViewAppName" />

in gradle.properties

android.useAndroidX=true
android.enableJetifier=true

In app/build.gradle:

android {
    dataBinding {
        enabled = true
    }
    compileSdkVersion 29
    defaultConfig {
        applicationId "com.myapp"
        minSdkVersion 23
        targetSdkVersion 29
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
    }

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'androidx.appcompat:appcompat:1.0.2'
    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
    implementation 'com.android.support:design:28.0.0'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'androidx.test:runner:1.2.0'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0'
}

but I get …