I am porting a native Android app to Xamarin + MVVMCross. On my Native Android app I was easily able to create my custom DateDisplayPicker and use it. I'm having trouble in Xamarin. My control lives here:
My DateDisplayPicker.cs looks like so:
namespace XxxxXxxx.Droid.CustomViews
{
public class DateDisplayPicker : TextView, DatePickerDialog.IOnDateSetListener
{
private readonly Context context;
private readonly Calendar calendar;
protected DateDisplayPicker(IntPtr javaReference, JniHandleOwnership transfer) : base(javaReference, transfer)
{
}
public DateDisplayPicker(Context context) : base(context)
{
}
public DateDisplayPicker(Context context, IAttributeSet attrs) : base(context, attrs)
{
this.context = context;
SetAttributes();
this.calendar = Calendar.Instance;
}
public DateDisplayPicker(Context context, IAttributeSet attrs, int defStyle) : base(context, attrs, defStyle)
{
this.context = context;
calendar = Calendar.Instance;
}
private void SetAttributes()
{
Click += (sender, args) => ShowDateDialog();
}
private void ShowDateDialog()
{
var c = Calendar.Instance;
var dp = new DatePickerDialog(context, this, c.Get(CalendarField.Year),
c.Get(CalendarField.Month), c.Get(CalendarField.DayOfMonth));
dp.Show();
}
public void OnDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth)
{
Text = String.Format("%s/%s/%s", monthOfYear + 1, dayOfMonth, year);
calendar.Set(year, monthOfYear, dayOfMonth);
}
public void AddDay()
{
calendar.Add(CalendarField.Date, 1);
Text = String.Format("%s/%s/%s", calendar.Get(CalendarField.Month) + 1,
calendar.Get(CalendarField.DayOfMonth), calendar.Get(CalendarField.Year));
}
public void SubtractDay()
{
calendar.Add(CalendarField.Date, -1);
Text = String.Format("%s/%s/%s", calendar.Get(CalendarField.Month) + 1,
calendar.Get(CalendarField.DayOfMonth), calendar.Get(CalendarField.Year));
}
public string GetDate()
{
var sdf = new SimpleDateFormat("yyyyMMdd");
return sdf.Format(calendar.Time);
}
}
}
And them I'm accessing it in my Android fragment like so:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="wrap_content"
android:layout_width="fill_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="#dimen/activity_vertical_margin"
android:paddingLeft="#dimen/activity_horizontal_margin"
android:paddingRight="#dimen/activity_horizontal_margin"
android:paddingTop="#dimen/activity_vertical_margin"
android:orientation="vertical">
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true">
<com.workspace.xxxxxxxx.droid.customviews.DateDisplayPicker
android:id="#+id/managerDate"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAlignment="center"
android:layout_centerHorizontal="true"
android:text="XX-XX-XXXX"
android:textSize="16sp"
android:textColor="#android:color/holo_blue_dark"
style="#android:style/Widget.Holo.Spinner"
android:hint="Date" />
<ImageButton
android:id="#+id/managerDateMinusButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toLeftOf="#id/managerDate"
android:layout_marginRight="#dimen/button_padding"
android:src="#drawable/minus"
android:background="#android:color/transparent" />
<ImageButton
android:id="#+id/managerDatePlusButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="#id/managerDate"
android:layout_marginLeft="#dimen/button_padding"
android:src="#drawable/plus"
android:background="#android:color/transparent" />
</RelativeLayout>
<ExpandableListView
android:id="#+id/managerExpandableListView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:drawSelectorOnTop="true"
android:stackFromBottom="false"
android:layout_marginLeft="15dp"
android:layout_marginRight="15dp"
android:layout_marginBottom="15dp" />
</LinearLayout>
<ProgressBar
android:id="#+id/progressBar1"
style="?android:attr/progressBarStyleLarge"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:visibility="invisible" />
<TextView
android:id="#+id/assignedMessageText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:gravity="center"
android:text="No tasks today."
android:visibility="visible"
android:layout_below="#id/progressBar1" />
</RelativeLayout>
From the few examples I've seen this is pretty much how they've been set up but I must be missing something. Any ideas? I've confirmed my namespace for the control in the axml is all lowercase. When my application errors out I get:
Pending exception is:
android.view.InflateException: Binary XML file line #1: Error inflating class com.workspace.xxxxxxxx.droid.customviews.DateDisplayPicker
(raw stack trace not found)
Caused by:
java.lang.ClassNotFoundException: Didn't find class "com.workspace.xxxxxxxx.droid.customviews.DateDisplayPicker" on path: DexPathList[[zip file "/data/app/com.workspace.xxxxxxxx-1.apk"],nativeLibraryDirectories=[/data/app-lib/com.workspace.xxxxxxxx-1, /vendor/lib, /system/lib]]
Never mind I was just being dumb. If I leave off the "com." this works so it seems like the lesson learned here is to use EXACTLY what the namespace is on the control class, in this case it was "xxxxxxxx.droid.customviews.DateDisplayPicker" in the axml. Hope this helps anyone else who strugged with this!
Related
The hint for my EditText when the soft keyboard is full screen mode is not reflecting the correct value after assigning a new value for hint to the EditText. Please see gif above.
Does anyone know how to resolve this? Below is isolated code to recreate this issue:
MainActivity.java
public class MainActivity extends AppCompatActivity {
private ActivityMainBinding mBinding;
#Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mBinding = ActivityMainBinding.inflate(getLayoutInflater());
setContentView(mBinding.getRoot());
}
public void onButtonClick(View v) {
mBinding.barcodeEdittext.setHint("Some other Hint");
}
}
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<EditText
android:id="#+id/barcode_edittext"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Initial Hint" />
<Button
android:layout_width="200dp"
android:layout_height="100dp"
android:layout_gravity="center"
android:text="Change Hint!"
android:onClick="onButtonClick" />
</LinearLayout>
I have 3 EditText:
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:focusedByDefault="false"
android:minWidth="25px"
android:minHeight="25px"
android:id="#+id/editText1" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:focusedByDefault="true"
android:clickable="false"
android:id="#+id/editText2" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:focusedByDefault="false"
android:id="#+id/editText3" />
I want when the activity is opened the second EditText to be focused(with the cursor blinking in it) but when I tap on it I don't want the keyboard to show up.
Here's an example I put together that works for me. And with this solution, you can remove the "focusedByDefault" and "clickable" attributes from all of your EditText views in your layout file.
public class MainActivity : AppCompatActivity, View.IOnTouchListener {
private EditText editText2;
protected override void OnCreate(Bundle savedInstanceState) {
base.OnCreate(savedInstanceState);
SetContentView(Resource.Layout.main);
editText2 = FindViewById<EditText>(Resource.Id.editText2);
editText2.RequestFocus();
editText2.SetOnTouchListener(this); // Requires addition of View.IOnTouchListener interface to class
}
public bool OnTouch(View v, MotionEvent e) {
v.OnTouchEvent(e);
var imm = (Android.Views.InputMethods.InputMethodManager)v.Context.GetSystemService(InputMethodService);
imm?.HideSoftInputFromWindow(v.WindowToken, Android.Views.InputMethods.HideSoftInputFlags.None);
return true;
}
}
I have to display the following table:
So I want to know what is the best widget to use for the table. I want the table to be dynamic I mean if I choose some other group from the dropdown the number of items in the table to increase or to decrease and the total price to change depending on what I have in column price. What widget is the best widget to achieve that?
RecyclerView is the best UI control to achieve it. Because RecyclerView is Adapter pattern, so you can use the adapter to achieve dynamic what you have said.
I want the table to be dynamic I mean if I choose some other group from the dropdown the number of items in the table to increase or to decrease and the total price to change depending on what I have in column price
I have made a demo for you, you can test it and do some changes for your project:
Three .axml files:
Main.axml:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
>
<Button
android:id="#+id/bt1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="group1"/>
<Button
android:id="#+id/bt2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="group2"/>
<Button
android:id="#+id/bt3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="group3"
/>
</LinearLayout>
<android.support.v7.widget.RecyclerView
android:id="#+id/rv"
android:layout_width="match_parent"
android:layout_height="match_parent">
</android.support.v7.widget.RecyclerView>
</LinearLayout>
item_layout, every item's layout:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="#+id/item_tv"
android:layout_width="match_parent"
android:textSize="30dp"
android:layout_height="wrap_content" />
</LinearLayout>
item_layout, total price's layout:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="#+id/foot_tv"
android:gravity="end"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</LinearLayout>
MainActivity:
using Android.App;
using Android.Widget;
using Android.OS;
using System;
using System.Collections.Generic;
using Android.Support.V7.Widget;
using Android.Views;
using Android.Content;
namespace RecycleTest
{
[Activity(Label = "RecycleTest", MainLauncher = true)]
public class MainActivity : Activity
{
RecyclerView mRecyclerView;
MyAdapter adapter;
Button bt1, bt2, bt3;
List<double> list1, list2, list3;
protected override void OnCreate(Bundle savedInstanceState)
{
base.OnCreate(savedInstanceState);
// Set our view from the "main" layout resource
SetContentView(Resource.Layout.Main);
initView();
initData();
mRecyclerView = FindViewById<RecyclerView>(Resource.Id.rv);
mRecyclerView.SetLayoutManager(new LinearLayoutManager(this));
adapter = new MyAdapter(this, list1);
mRecyclerView.SetAdapter(adapter);
}
private void initData()
{
list1 = new List<double>();
list2 = new List<double>();
list3 = new List<double>();
list1.Add(1.1);
list1.Add(1.2);
list1.Add(1.3);
list2.Add(2.1);
list2.Add(2.2);
list2.Add(2.3);
list2.Add(2.4);
list3.Add(3.1);
list3.Add(3.2);
list3.Add(3.3);
list3.Add(3.4);
list3.Add(3.5);
}
public void initView() {
bt1 = FindViewById<Button>(Resource.Id.bt1);
bt2 = FindViewById<Button>(Resource.Id.bt2);
bt3 = FindViewById<Button>(Resource.Id.bt3);
bt1.Click += Bt1_Click;
bt2.Click += Bt2_Click;
bt3.Click += Bt3_Click;
}
private void Bt3_Click(object sender, System.EventArgs e)
{
adapter.change(list3);
}
private void Bt2_Click(object sender, System.EventArgs e)
{
adapter.change(list2);
}
private void Bt1_Click(object sender, System.EventArgs e)
{
adapter.change(list1);
}
}
class MyViewHolder : RecyclerView.ViewHolder
{
public TextView mtv;
public MyViewHolder(View itemView): base(itemView)
{
mtv = itemView.FindViewById<TextView>(Resource.Id.item_tv);
}
}
class MyFootViewHolder : RecyclerView.ViewHolder
{
public TextView mtv;
public MyFootViewHolder(View itemView):base(itemView)
{
mtv = itemView.FindViewById<TextView>(Resource.Id.foot_tv);
}
}
class MyAdapter :RecyclerView.Adapter{
Context mContext;
List<double> mList=new List<double>();
public override int ItemCount => mList.Count + 1;
public MyAdapter(Context context, List<Double> list)
{
this.mContext = context;
this.mList.AddRange(list);
}
public override void OnBindViewHolder(RecyclerView.ViewHolder holder, int position)
{
if (GetItemViewType(position) == 0)
{
((MyViewHolder)holder).mtv.Text=(mList[position].ToString());
}
else
{
double price = 0;
for (int i = 0; i < mList.Count; i++)
{
price += mList[i];
}
((MyFootViewHolder)holder).mtv.Text=price + "";
}
}
public override RecyclerView.ViewHolder OnCreateViewHolder(ViewGroup parent, int viewType)
{
RecyclerView.ViewHolder holder;
if (viewType == 0)
{
holder = new MyViewHolder(LayoutInflater.From(mContext).Inflate(Resource.Layout.item_layout, parent, false));
}
else
{
holder = new MyFootViewHolder(LayoutInflater.From(mContext).Inflate(Resource.Layout.foot_layout, parent, false));
}
return holder;
}
public override int GetItemViewType(int position)
{
int type;
if (position != mList.Count)
{
type = 0;
}
else
{
type = 1;
}
return type;
}
public void change(List<Double> list1)
{
mList.Clear();
mList.AddRange(list1);
NotifyDataSetChanged();
}
}
}
you can see gridview in the image which is not wrapping whole nestedscrollview Guys please help me I am stucked in this code, I need a collapsing toolbar layout and I succeed too but the gridview inside the nested scrollview is not wrapping total space of nestedscrollview, I tried many ways but failed.
This is the xml which is helping me to collapse toolbar and where I am getting gridview issues,
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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/coordinatorLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context="com.patelsanket.myalbum.activities.AlbumImageDisplayActivity">
<android.support.design.widget.AppBarLayout
android:id="#+id/app_bar"
android:layout_width="match_parent"
android:layout_height="#dimen/app_bar_height"
android:fitsSystemWindows="true"
android:theme="#style/AppTheme.AppBarOverlay">
<android.support.design.widget.CollapsingToolbarLayout
android:id="#+id/toolbar_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<ImageView
android:id="#+id/headerImage1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:contentDescription="#string/shows_header_image"
android:fitsSystemWindows="true"
android:scaleType="fitXY"
android:src="#drawable/cod" />
<android.support.v7.widget.Toolbar
android:id="#+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin"
app:popupTheme="#style/AppTheme.PopupOverlay" />
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="#string/appbar_scrolling_view_behavior">
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content">
<GridView
android:id="#+id/album_image_grid_view"
android:layout_width="match_parent"
android:layout_height="550dip"
android:choiceMode="multipleChoice"
android:horizontalSpacing="0.5dp"
android:numColumns="2"
android:paddingBottom="20dip" />
</RelativeLayout>
</android.support.v4.widget.NestedScrollView>
<android.support.design.widget.FloatingActionButton
android:id="#+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="#dimen/fab_margin"
android:src="#drawable/ic_add"
app:backgroundTint="#009688"
app:layout_anchor="#id/app_bar"
app:layout_anchorGravity="bottom|end|right" />
</android.support.design.widget.CoordinatorLayout>
Use RecyclerView with GridLayoutManager. As Recycler view is compitable with Collasping bartoolbar too...
I hope it helps..
After searching a lot I found that using expandable gridview it can be solved. I used the following class and it is working fine.
This is a custom implementation of the native GridView ,
Here we override the functionality pertaining to GridView's height.
This implementation does away with a fixed Height GridView , rather
the height of the GridView expands depending upon the number of child elements added into it.
public class ExpandableGridView extends GridView{
boolean expanded = false;
public boolean isExpanded()
{
return expanded;
}
public ExpandableGridView(Context context)
{
super(context);
}
public ExpandableGridView(Context context, AttributeSet attrs)
{
super(context, attrs);
}
public ExpandableGridView(Context context, AttributeSet attrs,
int defStyle)
{
super(context, attrs, defStyle);
}
#Override
public void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
{
if (isExpanded())
{
// Calculate entire height by providing a very large height hint.
// But do not use the highest 2 bits of this integer; those are
// reserved for the MeasureSpec mode.
int expandSpec = MeasureSpec.makeMeasureSpec(
Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
super.onMeasure(widthMeasureSpec, expandSpec);
ViewGroup.LayoutParams params = getLayoutParams();
params.height = getMeasuredHeight();
}
else
{
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
}
public void setExpanded(boolean expanded)
{
this.expanded = expanded;
}
}
add this code
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
album_image_grid_view.setNestedScrollingEnabled(true);
}
or you can use RecyclerView instead of GridView
I have a Xamarin Android porject with MvvmCross.
For testing, I added a CustomImageView with a HslBackground property
public class CustomImageView : ImageView
{
private HslColor _hslBackground;
public CustomImageView (Context context)
: base(context) { }
public CustomImageView (Context context, IAttributeSet attrs)
: base(context, attrs) { }
public HslColor HslBackground
{
get { return _hslBackground; }
set
{
if (_hslBackground != value)
{
_hslBackground = value;
byte r, g, b;
value.ToRGB(out r, out g, out b);
this.Background = new ColorDrawable(new Color(r, g, b));
}
}
}
}
Here is my layout
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:local="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<Example.MVVM.Droid.Controls.CustomImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="#+id/colorView"
android:adjustViewBounds="true"
local:MvxBind="HslBackground HslColor" />
</LinearLayout>
I added breakpoints to the HslBackground property, but either getter nor setter is called. Any idea what to do? I am using the latest MvvmCross from Nuget.
Update 1:
I see in the log
MvxBind:Error: 0.99 View type not found - md56c24830106cce038b53f4325e503c583.CustomImageView
MvxBind:Error: 0.99 View type not found - md56c24830106cce038b53f4325e503c583.CustomImageView
[art] JNI RegisterNativeMethods: attempt to register 0 native methods for md56c24830106cce038b53f4325e503c583.CustomImageView
Update 2
Binding the property to TextView works
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textSize="24dp"
local:MvxBind="Text HslColor" />