I'm creating a custom TextSwitcher as below
public class CustomTextSwitcher extends TextSwitcher {
private static final long SHOW_TEXT_ANIMATION_TIME = 100;
public CustomTextSwitcher(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
private void init() {
Animation in = AnimationUtils.loadAnimation(context, android.R.anim.fade_in);
Animation out = AnimationUtils.loadAnimation(context, android.R.anim.fade_out);
in.setDuration(SHOW_TEXT_ANIMATION_TIME);
out.setDuration(SHOW_TEXT_ANIMATION_TIME);
this.setInAnimation(in);
this.setOutAnimation(out);
}
public void setStyle(final int style) {
this.setFactory(new ViewSwitcher.ViewFactory() {
#Override
public View makeView() {
return new TextView(new ContextThemeWrapper(context, style),
null, 0);
}
});
}
}
This is good, except I need to explicitly set the style using setStyle function as declared above, after initialization.
I'm hoping that I don't need to call setStyle but just declare my style in XML (as shown in code below) and get the int value through attr value got in constructor, and send it along to the ViewFacory, all done in init() function.
<my.example.CustomTextSwitcher
android:id="#+id/search_list_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
style="#style/recentSearchHeaderText" />
How could I achieve that?
The AttributeSet you get from the Constructor is generated from the style attribute in XML along with the other attributes provided. So you would just save it then pass it along in the constructor to your TextView.. The setStyle method can actually be used with the TextView#setTextAppearance method which accepts style IDs. It will only look at style attributes that are associated with the TextView. I would say this is easier than parsing through an AttributeSet and creating your own styles.
I found the way to do so. It's as simple as attrs.getStyleAttribute(). Shown the code below
public class CustomTextSwitcher extends TextSwitcher {
private static final long SHOW_TEXT_ANIMATION_TIME = 100;
public CustomTextSwitcher(Context context, AttributeSet attrs) {
super(context, attrs);
init(attrs);
}
private void init(AttributeSet attrs) {
this.setFactory(new ViewFactory() {
#Override
public View makeView() {
return new TextView(new ContextThemeWrapper(context,
attrs.getStyleAttribute()), null, 0);
}
});
Animation in = AnimationUtils.loadAnimation(context, android.R.anim.fade_in);
Animation out = AnimationUtils.loadAnimation(context, android.R.anim.fade_out);
in.setDuration(SHOW_TEXT_ANIMATION_TIME);
out.setDuration(SHOW_TEXT_ANIMATION_TIME);
this.setInAnimation(in);
this.setOutAnimation(out);
}
}
Related
I would like to use custom dialog when clicking edit texts in preference screen.
Firstly, I have tried .setDialogLayoutResource method but it's only applied edit text itself.
Did not apply Dialog's background or Dialog Title.
Secondary, I tried
#Override
public void onDisplayPreferenceDialog(Preference preference) {
super.onDisplayPreferenceDialog(preference);
AlertDialog.Builder builder = new AlertDialog.Builder(requireContext());
builder.setTitle("Test");
builder.show();
}
in SettingsFragment extends PreferenceFragmentCompat class.
however the dialog I created would appear when original dialog in the edit text was gone.
Thirdly, I changed my mind to get dialog by using findViewById. I made CustomPreferenceEditText class extends EditTextPreference. And Override public void onBindViewHolder(PreferenceViewHolder holder)
and use method
EditText editText = (EditText) holder.findViewById(android.R.id.edit);
However it returned null exception.but title or summary works great.
I assumed that there are id that can be accessed Dialog Title or Dialog Background for original dialog from edit text like edit text's #android:id/edit.
I've tried to research but could not find so far. If you know any reference or ideas please let me know.
This is custom edit text preference class
public class CustomPreferenceEditText extends EditTextPreference {
public CustomPreferenceEditText(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
super(context, attrs, defStyleAttr, defStyleRes);
}
public CustomPreferenceEditText(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
public CustomPreferenceEditText(Context context, AttributeSet attrs) {
super(context, attrs);
}
public CustomPreferenceEditText(Context context) {
super(context);
}
#Override
public void onBindViewHolder(PreferenceViewHolder holder) {
super.onBindViewHolder(holder);
AssetManager assetManager = getContext().getAssets();
final Typeface dqfont = Typeface.createFromAsset(assetManager, "fonts/dqfont.ttf");
TextView titleView = (TextView) holder.findViewById(android.R.id.title);
TextView summaryView = (TextView) holder.findViewById(android.R.id.summary);
titleView.setTextColor(getContext().getResources().getColor(R.color.white));
titleView.setTypeface(dqfont);
summaryView.setTextColor(getContext().getResources().getColor(R.color.white));
summaryView.setTypeface(dqfont);
}
}
Edit
pic1
pic2
I have a custom view ZoneSwitchItem (extends LinearLayout) which I use in a fragment layout xml.
From inside the custom view, I need to get the id that was assigned to it in the fragment xml. So I use attrs.getIdAttribute(); but it returns null instead of the expected id zone1.
I could add a custom attribute ZoneSwitchItemId but would like to avoid that if I could use the default id attribute.
The usage in the fragment xml:
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#color/white">
<com.android.common.ZoneSwitchItem
android:id="#+id/zone1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="#dimen/cardPadding4x"
android:gravity="center_horizontal"
app:zoneItemStyle="ArmourFont_HeadlineBig" />
...
The custom view:
public class ZoneSwitchItem extends LinearLayout {
private TextView itemValue;
private TextView itemTitle;
public ZoneSwitchItem(Context context) {
super(context);
init(context, null);
}
public ZoneSwitchItem(Context context, AttributeSet attrs) {
super(context, attrs);
init(context, attrs);
}
public ZoneSwitchItem(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init(context, attrs);
}
public void onStart() {
EventBus.getDefault().register(this);
}
public void onStop() {
EventBus.getDefault().unregister(this);
}
private void init(final Context context, AttributeSet attrs) {
inflate(getContext(), R.layout.zone_switch_item, this);
itemValue = findViewById(R.id.itemValue);
itemTitle = findViewById(R.id.itemTitle);
if (attrs != null) {
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.ZoneSwitchItem, 0, 0);
try {
if (typedArray.getString(R.styleable.ZoneSwitchItem_zoneItemStyle) != null &&
typedArray.getString(R.styleable.ZoneSwitchType_zoneItemImage).equals("ArmourFont_HeadlineBig")) {
itemValue.setTextAppearance(context, R.style.ArmourFont_HeadlineBig);
}
} finally {
typedArray.recycle();
}
}
final String id = attrs.getIdAttribute(); // <<== returns null
itemValue.setOnClickListener(new View.OnClickListener() {
#Override
public void onClick(View v) {
EventBus.getDefault().post(new OnZoneSwitchItemClickedEvent(id));
}
});
}
public void setSelected(boolean selected) {
float alpha;
if (selected) {
alpha = 1.0f;
} else {
alpha = 0.5f;
}
itemValue.setAlpha(alpha);
itemTitle.setAlpha(alpha);
}
}
The documentation for the AttributeSet#getIdAttribute() method states:
Return the value of the "id" attribute or null if there is not one. Equivalent to getAttributeValue(null, "id").
The first parameter in the getAttributeValue() method is the namespace for the attribute. This is where the problem is, as null signifies no namespace, but the android:id attribute is in the namespace that the android prefix represents – http://schemas.android.com/apk/res/android.
This means that the getIdAttribute() method will only return the value for an id attribute with no prefix. That is:
<com.android.common.ZoneSwitchItem
id="#+id/zone1"
... />
I'm not sure how useful this method is, since, with the example above, it will actually return the complete string there (#+id/zone1), you'd still have to have a separate android:id attribute to get the View properly assigned an ID, and Android Studio will certainly complain that the attribute lacks a namespace prefix.
The first solution that might come to mind is to simply call getAttributeValue() directly, and pass the correct namespace.
String id = attrs.getAttributeValue("http://schemas.android.com/apk/res/android", "id");
However, this will return the integer ID value in string form, prepended with #, as it seems that aapt directly substitutes that value in the XML during its processing.
The actual, simple resource name can be obtained from Resources, with its getResourceEntryName() method, and the View's getId() method, since the ID will be set in View's constructor during the super call. For example:
String id = getResources().getResourceEntryName(getId());
First, I have multiple EditTexts in a Framelayout which wrapped by a ScollView.
I already use below code to let ScrollView scroll up when keyboard is shown -
((Activity) getContext()).getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);
Also, I tried ADJUST_PAN in above code and nothing changed.
Here is the problem - when I typing in one of those EditTexts, the ScrollView scrolled up automatically which lead to my current editing EditText invisible.
I'm wondering why did this happened? Is my current editing EditText lost focus when typing on the keyboard? And how do I fix it?
By the way I didn't using any xml for the layout. All layouts are written in Java.
The main layout is -
public class PoorEditScroll extends ScrollView {
PoorEdit poorEdit;
public PoorEditScroll(Context context) {
super(context);
initUI();
}
public PoorEditScroll(Context context, AttributeSet attrs) {
super(context, attrs);
initUI();
}
private void initUI(){
setScrollContainer(false);
poorEdit = new PoorEdit(getContext());
this.addView(poorEdit);
}
this.addView(poorEdit);
}
public void toJson(String s) {
poorEdit.toJson(s);
}
public void loadJson(String s) {
poorEdit.loadJson(s);
}
class PoorEdit extends LinearLayout {
private EditView editView;
public PoorEdit(Context context) {
super(context);
initUI();
}
public PoorEdit(Context context, AttributeSet attrs) {
super(context, attrs);
initUI();
}
private void initUI(){
this.setOrientation(VERTICAL);
LayoutParams layoutParams = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
this.setLayoutParams(layoutParams);
DisplayMetrics dm = getContext().getResources().getSystem().getDisplayMetrics();
this.setMinimumHeight(dm.heightPixels);
// TODO: 15/11/25 Override OnMeasure in EditView
editView = new EditView(getContext());
this.addView(editView);
((Activity) getContext()).getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_HIDDEN | WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);
}
public void loadJson(String folderPath){
editView.loadJson(folderPath);
}
public String toJson(String dest){
return editView.toJson(dest);
}
}
And the EditView is -
public class EditView extends FrameLayout implements View.OnDragListener {
public static BaseContainer poorBoy;
private BaseContainer lastAdd = null;
public EditView(Context context) {
super(context);
initUI();
}
public EditView(Context context, AttributeSet attrs) {
super(context, attrs);
initUI();
}
private void initUI(){
this.setOnDragListener(this);
LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, 0, 1);
this.setLayoutParams(layoutParams);
//Call addView to add a EditText in this function.
addTextOn(0, 0, Constants.eleWidth, Constants.eleHeight);
}
}
Add this code inside your <activity> in AndroidManifest.xml
android:windowSoftInputMode="adjustResize|stateHidden"
I am trying to create a list view as follows:-
Now, I have made the list view work successfully using the WearableListView adapter. However, I am using static images in the ImageView. What I want is to create this gray and blue kind of animation when a particular list element is focused while scrolling. How do I do that? I tried using a selector xml file for the ImageView but it seems this ListView doesnt make use of this selector(android:state-focused, selected, pressed-nothing works). Any idea how do I get what I want? Hope I made my question clear. Thanks.
Yes you are right, image selector doesn't work, why? I don't know exactly and we don't have any documentation on it to read.
But fortunately I have implemented this scenario successfully and it's almost similar to the default settings screen.
For workaround, I have set circle color inside below methods:
onScaleUpStart() - Set circle color for selected item
onScaleDownStart() - Set circle color for non-selected items.
I have taken CircleImageView and TextView inside my item layout. Example code could be:
private final class MyItemView extends FrameLayout implements WearableListView.Item {
final CircledImageView image;
final TextView text;
private float mScale;
private final int mFadedCircleColor;
private final int mChosenCircleColor;
public MyItemView(Context context) {
super(context);
View.inflate(context, R.layout.wearablelistview_item, this);
image = (CircledImageView) findViewById(R.id.image);
text = (TextView) findViewById(R.id.text);
mFadedCircleColor = getResources().getColor(android.R.color.darker_gray);
mChosenCircleColor = getResources().getColor(android.R.color.holo_blue_dark);
}
#Override
public float getProximityMinValue() {
return mDefaultCircleRadius;
}
#Override
public float getProximityMaxValue() {
return mSelectedCircleRadius;
}
#Override
public float getCurrentProximityValue() {
return mScale;
}
#Override
public void setScalingAnimatorValue(float value) {
mScale = value;
image.setCircleRadius(mScale);
image.setCircleRadiusPressed(mScale);
}
#Override
public void onScaleUpStart() {
image.setAlpha(1f);
text.setAlpha(1f);
image.setCircleColor(mChosenCircleColor);
}
#Override
public void onScaleDownStart() {
image.setAlpha(0.5f);
text.setAlpha(0.5f);
image.setCircleColor(mFadedCircleColor);
}
}
New update brings WearableListView.OnCenterProximityListener alternative of WearableListView.Item to implement Wearable list view with selector,
It has two methods to implement:
onCenterPosition
onNonCenterPosition
public class WearableListItemLayout extends LinearLayout implements WearableListView.OnCenterProximityListener {
private CircledImageView image;
private TextView text;
public WearableListItemLayout(Context context) {
this(context, null);
}
public WearableListItemLayout(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public WearableListItemLayout(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
#Override
protected void onFinishInflate() {
super.onFinishInflate();
image = (CircledImageView) findViewById(R.id.image);
text = (TextView) findViewById(R.id.name);
}
#Override
public void onCenterPosition(boolean b) {
image.setAlpha(1f);
image.setBackgroundResource(R.drawable.blue_oval);
text.setAlpha(1f);
}
#Override
public void onNonCenterPosition(boolean b) {
image.setAlpha(0.5f);
image.setBackgroundResource(R.drawable.gray_oval);
text.setAlpha(0.5f);
}
}
I have following custom button view.
public class PrayerTimeLabel extends Button {
int hours;
int minutes;
String dayHalf; //am or pm
Context parentActivity;
PrayerControl parentControl;
public PrayerTimeLabel(Context context,PrayerControl parent) {
super(context);
init(context,parent,0);
}
public PrayerTimeLabel(Context context, int defStyle, PrayerControl parent) {
//super(context, null, R.style.Button_PrayerTimeButton);
super(context, null, defStyle);
init(context,parent,defStyle);
}
private void init(final Context context, PrayerControl parent, int defStyle)
{
parentActivity = context;
parentControl = parent;
Typeface tf = Typeface.createFromAsset(context.getAssets(),"fonts/digital.ttf");
this.setTypeface(tf);
this.setText(false);
this.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
TimeDialog dialogBox = parentControl.getDialogBox();
dialogBox.setTime(hours, minutes, dayHalf);
dialogBox.show();
}
});
}
public void setTime(int hrs, int min, String half,boolean signalParent)
{
hours = hrs;
minutes = min;
dayHalf = half;
this.setText(signalParent);
}
public void setText(boolean signalParent)
{
super.setText(String.format("%02d", hours)+":"+String.format("%02d", minutes)+" "+dayHalf);
if(signalParent){
parentControl.setPrayerTime(hours, minutes, dayHalf);
}
}
}
and I have the following style defined in my style.xml
<style name="Button.PrayerTimeButton" parent="#android:style/TextAppearance.Widget.Button">
<item name="android:background">#000</item>
<item name="android:textSize">18dp</item>
<item name="android:textColor">#FFFF00</item>
</style>
The extended button is not getting this style. Can some on point our what I am doing wrong? I searched for the solution and found this. Can some one suggest some thing
Note: I cannot use XML to apply styles. It has to be constructor.
Edit:
Following is the class where this custom button is created and used. I have deleted many irrelevant lines of code
public class PrayerControl extends LinearLayout {
protected PrayerTimeLabel prayerTimeButton;
protected String prayerName;
protected static int counter=0;
public PrayerControl(Context context) {
super(context);
init(context);
}
public PrayerControl(Context context, AttributeSet attrs) {
super(context, attrs);
getXMLAttributes(context, attrs);
init(context);
}
protected void getXMLAttributes(Context context, AttributeSet attrs)
{
TypedArray a = context.obtainStyledAttributes(attrs,R.styleable.PrayerControl);
prayerName = a.getString(R.styleable.PrayerControl_name);
dayHalf = a.getString(R.styleable.PrayerControl_dayHalf);
hours = a.getInteger(R.styleable.PrayerControl_hours, 4);
minutes = a.getInteger(R.styleable.PrayerControl_minutes, 30);
ltrProgress = a.getInteger(R.styleable.PrayerControl_postNamazInterval, 0);
rtlProgress = a.getInteger(R.styleable.PrayerControl_preNamazInterval, 0);
intervalMax = a.getInteger(R.styleable.PrayerControl_intervalMax, 30);
a.recycle();
}
protected void init(Context context)
{
counter++;
parentActivity = context;
this.setOrientation(LinearLayout.HORIZONTAL);
this.setId(counter);
prayerTimeButtonStyle = R.style.Button_PrayerTimeButton;
initializePrayerTimeButton();
}
protected void initializePrayerTimeButton()
{
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
LinearLayout.LayoutParams.WRAP_CONTENT,
40);
params.gravity = Gravity.CENTER;
//params.weight = 1.0f;
prayerTimeButton = new PrayerTimeLabel(parentActivity,prayerTimeButtonStyle,this);
prayerTimeButton.setTime(hours, minutes, dayHalf,false);
prayerTimeButton.setLayoutParams(params);
this.addView(prayerTimeButton);
}
}
This is an old answer: I got a -1 a couple of minutes ago and here is the
NEW SOLUTION:
The basic idea is to pass an attribute to the constructor.
Check this link for the complete solution: Applying style to views dynamically in java code
OLD SOLUTION (NOT WORKING):
Add these constructors to your class:
public StyledButton(Context context) {
super(context, null, R.style.Button_PrayerTimeButton);
//... whatever
}
public StyledButton(Context context, AttributeSet attrs) {
super(context, attrs, R.style.Button_PrayerTimeButton);
//... whatever
}
public StyledButton(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, R.style.Button_PrayerTimeButton);
//... whatever
}
Why not use setTextAppearance(Context context, int resid);. It lets you set the text color, size, style, hint color, and highlight color.
In PrayerTimeLabel class,
private void init(final Context context, PrayerControl parent, int defStyle)
{
setTextAppearance(context, R.style.Button_PrayerTimeButton);
...
}
For more info see this post : setTextAppearance through code referencing custom attribute
Here is an old answer (and simpler) for this topic:
https://stackoverflow.com/a/21455192/4360308
Summarizing:
ContextThemeWrapper newContext = new ContextThemeWrapper(baseContext, R.style.MyStyle);
button = new Button(newContext);
You should make in your constructor a call to the super(context,attrs,defStyle) constructor, which will apply the defStyle to your View.
However you can not than change the style dinamically.
The bug report you link to states:
In addition, when dynamically creating elements at run-time this means that you can't simply apply a style in code. You need to create a separate XML layout for the view you're building, and inflate it [...]
With this in mind, a solution could look like this:
Create an xml layout for your button - let's call it prayertimebutton.xml:
<Button android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#FFFF00"
//...etc
/>
Then, in the initializePrayerTimeButton method in your PrayerControl class, inflate and add the PrayerTimeLabel button to the PrayerControl layout:
//Retrieve a LayoutInflater instance that is hooked up to the current context
LayoutInflater inflater = (LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
//The LayoutInflater instantiates the layout file into a PrayerTimeLabel object
PrayerTimeLabel button = (PrayerTimeLabel)inflater.inflate(R.layout.prayertimebutton, this, false);
//add the PrayerTimeLabel to the PrayerControl
this.addView(button);
Note that the second parameter of LayoutInflater.inflate() is a reference to the parent View(Group).
The below answer by adamp, an Android framework engineer at Google, discusses this approach in more detail.
Why so complex to set style from code in Android