How to give contentDescription to SwitchPreference for Accessibilty/Talkback? - android

I have a Preference screen having multiple SwitchPreferences. I need to give custom contentDescription to each switch for accessibility.
There is no property as contentDescription for SwitchPreference. Can Anyone help me in how to give custom description to switchPreferences for Accessibilty/Talkback?

Preferences aren't views. You can't add contentDescription to preferences directly. You need to create a custom preference extending from SwitchPreference and add accessibility information to the switch view in onBindViewHolder.
public class SwitchPreferenceAccessibility extends SwitchPreference {
#Override
public void onBindViewHolder(PreferenceViewHolder holder) {
super.onBindViewHolder(holder);
View switchView = holder.findViewById(R.id.switchWidget);
switchView.setContentDescription(getString(R.string.accessibility_information));
}
}
or you can use declare-styleable attributes, it would be more convenient.
public class SwitchPreferenceAccessibility extends SwitchPreference {
public SwitchPreferenceAccessibility(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
super(context, attrs, defStyleAttr, defStyleRes);
mContentDescription = TypedArrayUtils.getText(a, R.styleable.SwitchPreferenceAccessibility_content_description, "");
}
#Override
public void onBindViewHolder(PreferenceViewHolder holder) {
super.onBindViewHolder(holder);
View switchView = holder.findViewById(R.id.switchWidget);
switchView.setContentDescription(mContentDescription);
}
}
<SwitchPreferenceAccessibility
app:key="key"
app:title="title"
app:content_description="#string/accessibility_information" />

Related

How can I use a custom dialog instead of original dialog from Edit Text Preference

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

When a view is used as template and id repeat, how can single checkbox be selected on click of its parent

I'm receiving a series of data from the database and displaying it in a layer that consists of a checkbox and a few other views.In fact, I've made a controlling custom.
My question is how can I turn on the checkbox of that layer when clicked on any layer , and the rest are turned off.
public class myclass extends LinearLayout {
LinearLayout linear;
public int id;
public static ImageView pic;
public static TextView titlepro;
public static CheckBox rdb;
public myclass(Context context) {
super(context);
init(context);
}
public myclass(Context context, #Nullable AttributeSet attrs) {
super(context, attrs);
init(context);
}
public myclass(Context context, #Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(context);
}
public void init(Context context){
LayoutInflater inflater=(LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
View view=inflater.inflate(R.layout.linear,this,true);
linear=(LinearLayout)findViewById(R.id.linear2);
pic=(ImageView)view.findViewById(R.id.pic);
titlepro=(TextView)view.findViewById(R.id.txt1);
rdb=(CheckBox)view.findViewById(R.id.rdb1);
rdb.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
#Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
if (isChecked){
}
}
});
linear.setOnClickListener(new OnClickListener() {
#Override
public void onClick(View v) {
if (rdb.isChecked()){
rdb.setChecked(false);
}else {
rdb.setChecked(true);
}
Toast.makeText(G.context,id+"",Toast.LENGTH_LONG).show();
}
});
}}
My problem is that when you click on a layer, the checkbox for the other layer is checked ,but return id correctly.
The issue is because you are using id that is same for all checkboxes.
There can be couple of ways to solve this:
1.linear=(LinearLayout)findViewById(R.id.linear2); -> linear=(LinearLayout)view.findViewById(R.id.linear2);
if that does not work:
2.Consider creating a new fragment, that has all views in a layer. Then you may add multiple of those to your view. In side that class consider handling layer click event.
Use recycler view then you will get index of item clicked and handle from there.
In case you are getting entries from db and you may know how many there might be, your UI may get too heavy. Using recycler view will help with performance

Acquire a custom view's xml id

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/androi‌​d.
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());

How to pass style attr from custom view over?

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);
}
}

Applying style to views dynamically in java code

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

Categories

Resources