Android:以编程方式设置视图样式

时间:2012-07-30 14:47:51

标签: android android-layout

这是XML:

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    style="@style/LightStyle"
    android:layout_width="fill_parent"
    android:layout_height="55dip"
    android:clickable="true"
    android:orientation="horizontal" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal" />

</RelativeLayout>

如何以编程方式设置style属性?

14 个答案:

答案 0 :(得分:174)

从技术上讲,您可以使用自定义视图以编程方式应用样式:

private MyRelativeLayout extends RelativeLayout {
  public MyRelativeLayout(Context context) {
     super(context, null, R.style.LightStyle);
  }
}

一个参数构造函数是以编程方式实例化视图时使用的构造函数。

所以将这个构造函数链接到带有样式参数的super。

RelativeLayout someLayout = new MyRelativeLayout(context);

或者正如@Dori所指出的那样:

RelativeLayout someLayout = new RelativeLayout(context, null, R.style.LightStyle);

答案 1 :(得分:102)

对我有用的是什么:

Button b = new Button(new ContextThemeWrapper(this, R.style.ButtonText), null, 0);
  • 使用ContextThemeWrapper

  • 使用3参数构造函数(在没有这个的情况下不会工作)

答案 2 :(得分:86)

更新:在回答此问题时(2012年中,API级别14-15),以编程方式设置视图不是一种选择(即使有一些非平凡的解决方法),在最新的API发布之后,这已成为可能。有关详细信息,请参阅@ Blundell的答案。

OLD答案:

无法以编程方式设置视图的样式,但您可能会发现this thread有用。

答案 3 :(得分:11)

对于新的Button / TextView:

Button mMyButton = new Button(new ContextThemeWrapper(this, R.style.button_disabled), null, 0);

对于现有实例:

mMyButton.setTextAppearance(this, R.style.button_enabled);

对于图像或布局:

Image mMyImage = new ImageView(new ContextThemeWrapper(context, R.style.article_image), null, 0);

答案 4 :(得分:9)

您可以通过执行以下操作为活动应用样式:

super.setTheme( R.style.MyAppTheme );

或Android默认值:

super.setTheme( android.R.style.Theme );

在您的活动中,setContentView()之前。

答案 5 :(得分:5)

非提供的答案是正确的。

您可以以编程方式设置样式。

简短回答是http://grepcode.com/file/repository.grepcode.com/java/ext/com.google.android/android/5.1.1_r1/android/content/Context.java#435

答案很长。 这是我的代码段,以编程方式为您的视图设置自定义样式:

1)在styles.xml文件中创建一个样式

 <style name="MyStyle">
    <item name="customTextColor">#39445B</item>
    <item name="customDividerColor">#8D5AA8</item>
</style>

不要忘记在attrs.xml文件中定义自定义属性

我的attrsl.xml文件:

<declare-styleable name="CustomWidget">
    <attr name="customTextColor" format="color" />
    <attr name="customDividerColor" format="color" />
</declare-styleable>

请注意,您可以为styleable使用任何名称(我的CustomWidget)

现在让我们以编程方式将样式设置为窗口小部件 这是我的简单小部件:

public class StyleableWidget extends LinearLayout {

private final StyleLoader styleLoader = new StyleLoader();

private TextView textView;
private View divider;

public StyleableWidget(Context context) {
    super(context);
    init();
}

private void init() {
    inflate(getContext(), R.layout.widget_styleable, this);
    textView = (TextView) findViewById(R.id.text_view);
    divider = findViewById(R.id.divider);
    setOrientation(VERTICAL);
}

protected void apply(StyleLoader.StyleAttrs styleAttrs) {
    textView.setTextColor(styleAttrs.textColor);
    divider.setBackgroundColor(styleAttrs.dividerColor);
}

public void setStyle(@StyleRes int style) {
    apply(styleLoader.load(getContext(), style));
}
}

布局:     

<TextView
    android:id="@+id/text_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textSize="22sp"
    android:layout_gravity="center"
    android:text="@string/styleble_title" />

<View
    android:id="@+id/divider"
    android:layout_width="match_parent"
    android:layout_height="1dp"/>

</merge>

最后是StyleLoader类的实现

public class StyleLoader {

public StyleLoader() {

}

public static class StyleAttrs {
    public int textColor;
    public int dividerColor;
}

public StyleAttrs load(Context context, @StyleRes int styleResId) {
    final TypedArray styledAttributes = context.obtainStyledAttributes(styleResId, R.styleable.CustomWidget);
    return load(styledAttributes);
}

@NonNull
private StyleAttrs load(TypedArray styledAttributes) {
    StyleAttrs styleAttrs = new StyleAttrs();
    try {
        styleAttrs.textColor = styledAttributes.getColor(R.styleable.CustomWidget_customTextColor, 0);
        styleAttrs.dividerColor = styledAttributes.getColor(R.styleable.CustomWidget_customDividerColor, 0);
    } finally {
        styledAttributes.recycle();
    }
    return styleAttrs;
}
}

您可以在https://github.com/Defuera/SetStylableProgramatically

找到完整的工作示例

答案 6 :(得分:4)

如果您想继续使用XML(接受的答案并不允许您这样做)并在创建视图后设置样式,您可以使用支持所有可用属性的子集。

由于您要从XML中扩充视图,因此您需要在布局中指定ID:

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/my_styleable_relative_layout"
    style="@style/LightStyle"
    ...

然后,当您需要以编程方式更改样式时,布局被夸大后:

// Any way to get the view instance will do
RelativeLayout myView = findViewById(R.id.my_styleable_relative_layout);

// This will apply all the supported attribute values of the style
Paris.style(myView).apply(R.style.LightStyle);

更多:the list of supported view types and attributes(包括背景,填充,边距等等,可以轻松扩展)和installation instructions with additional documentation

免责声明:我是该图书馆的原作者。

答案 7 :(得分:1)

我不建议使用ContextThemeWrapper,因为它是这样做的:

  

指定的主题将应用于   基本上下文的主题。

什么会在您的应用程序中产生不良结果。相反,我向airbnb伙计们提出了一个新的图书馆“ paris”:

https://github.com/airbnb/paris

  

以编程方式定义样式并将其应用于Android视图。

但是经过一段时间的使用,我发现它实际上是非常有限的,我停止使用它,因为它不支持很多属性,我需要开箱即用,因此必须像往常一样签出并做出决定。< / p>

答案 8 :(得分:1)

简单的方法是通过构造函数

RadioButton radioButton = new RadioButton(this,null,R.style.radiobutton_material_quiz);

答案 9 :(得分:0)

我在我的复合ViewGroup中使用了XML中定义的视图,并将它们添加到Viewgroup中。这样我就无法动态更改样式,但我可以进行一些样式自定义。我的综合:

public class CalendarView extends LinearLayout {

private GridView mCalendarGrid;
private LinearLayout mActiveCalendars;

private CalendarAdapter calendarAdapter;

public CalendarView(Context context) {
    super(context);

}

public CalendarView(Context context, AttributeSet attrs) {
    super(context, attrs);

}

@Override
protected void onFinishInflate() {
    super.onFinishInflate();
    init();
}

private void init() {
    mCalendarGrid = (GridView) findViewById(R.id.calendarContents);
    mCalendarGrid.setNumColumns(CalendarAdapter.NUM_COLS);

    calendarAdapter = new CalendarAdapter(getContext());
    mCalendarGrid.setAdapter(calendarAdapter);
    mActiveCalendars = (LinearLayout) findViewById(R.id.calendarFooter);
}

}

和我在xml中的视图,我可以在其中指定样式:

<com.mfitbs.android.calendar.CalendarView
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/calendar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:orientation="vertical"
>

<GridView
    android:id="@+id/calendarContents"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

<LinearLayout
    android:id="@+id/calendarFooter"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    />

答案 10 :(得分:0)

这是我的简单示例,关键是ContextThemeWrapper包装器,没有它,我的样式不起作用,并使用View的三个参数构造函数。

ContextThemeWrapper themeContext = new ContextThemeWrapper(this, R.style.DefaultLabelStyle);
TextView tv = new TextView(themeContext, null, 0);
tv.setText("blah blah ...");
layout.addView(tv);

答案 11 :(得分:0)

这是一个很老的问题,但是现在对我有用的解决方案是使用构造函数x的第4个参数-如果可用...在视图上...

以下是我的作品(kotlin):

defStyleRes

答案 12 :(得分:0)

如果在自己的自定义视图中: val editText = TextInputEditText(context,attrs,defStyleAttr)

答案 13 :(得分:-2)

您可以创建包含所需样式的布局的xml,然后更改视图的背景资源,例如this