এই প্রশ্নে বর্ণিত ঠিক একই বৈশিষ্ট্যটি আমার দরকার। এখানে আমার সমাধান এবং উত্স কোড: https://github.com/laoyang/android-dynamic- ভিউগুলি । এবং আপনি এখানে কর্মের ভিডিও ডেমো দেখতে পারেন: http://www.youtube.com/watch?v=4HeqyG6FDhQ
বিন্যাস
মূলত আপনি দুটি এক্সএমএল লেআউট ফাইল পাবেন:
- একটি অনুভূমিক LinearLayout সারি দৃশ্য একটি সঙ্গে
TextEdit
একটি Spinner
এবং একটি ImageButton
মুছে ফেলার জন্য।
- একটি নতুন নতুন যুক্ত বোতাম সহ একটি উল্লম্ব লিনিয়ারলআউট কনটেইনার ভিউ ।
নিয়ন্ত্রণ
জাভা কোডে, আপনি পাত্রে রোল ভিউগুলি গতিশীলভাবে যুক্ত এবং সরিয়ে ফেলবেন, ইনফ্লিট, অ্যাডভিউ, রিমুভ ভিউ ইত্যাদি ব্যবহার করে স্টক অ্যান্ড্রয়েড অ্যাপে আরও ভাল ইউএক্সের জন্য কিছু দৃশ্যমানতা নিয়ন্ত্রণ রয়েছে। প্রতিটি সারিতে সম্পাদনা পাঠের দৃশ্যের জন্য আপনার একটি পাঠ্য ওয়াচচার যুক্ত করা দরকার: পাঠ্যটি ফাঁকা থাকলে আপনাকে যুক্ত করতে হবে নতুন বোতাম এবং মুছুন বোতামটি hide আমার কোডে, আমি void inflateEditRow(String)
সমস্ত যুক্তির জন্য একটি সহায়ক ফাংশন লিখেছি ।
অন্যান্য কৌশল
android:animateLayoutChanges="true"
অ্যানিমেশন সক্ষম করতে এক্সএমএল সেট করুন
- সাথে কাস্টম স্বচ্ছ পটভূমি ব্যবহার করুন চাপা নির্বাচক বোতাম চাক্ষুষরূপে স্টক Android অ্যাপে বেশী হিসাবে একই না।
সোর্স কোড
মূল ক্রিয়াকলাপের জাভা কোড (এটি সমস্ত যুক্তি ব্যাখ্যা করে তবে বেশ কয়েকটি বৈশিষ্ট্য এক্সএমএল লেআউট ফাইলগুলিতে সেট করা থাকে, সম্পূর্ণ সমাধানের জন্য দয়া করে গিথুব উত্সটি দেখুন):
public class MainActivity extends Activity {
// Parent view for all rows and the add button.
private LinearLayout mContainerView;
// The "Add new" button
private Button mAddButton;
// There always should be only one empty row, other empty rows will
// be removed.
private View mExclusiveEmptyView;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.row_container);
mContainerView = (LinearLayout) findViewById(R.id.parentView);
mAddButton = (Button) findViewById(R.id.btnAddNewItem);
// Add some examples
inflateEditRow("Xiaochao");
inflateEditRow("Yang");
}
// onClick handler for the "Add new" button;
public void onAddNewClicked(View v) {
// Inflate a new row and hide the button self.
inflateEditRow(null);
v.setVisibility(View.GONE);
}
// onClick handler for the "X" button of each row
public void onDeleteClicked(View v) {
// remove the row by calling the getParent on button
mContainerView.removeView((View) v.getParent());
}
// Helper for inflating a row
private void inflateEditRow(String name) {
LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
final View rowView = inflater.inflate(R.layout.row, null);
final ImageButton deleteButton = (ImageButton) rowView
.findViewById(R.id.buttonDelete);
final EditText editText = (EditText) rowView
.findViewById(R.id.editText);
if (name != null && !name.isEmpty()) {
editText.setText(name);
} else {
mExclusiveEmptyView = rowView;
deleteButton.setVisibility(View.INVISIBLE);
}
// A TextWatcher to control the visibility of the "Add new" button and
// handle the exclusive empty view.
editText.addTextChangedListener(new TextWatcher() {
@Override
public void afterTextChanged(Editable s) {
// Some visibility logic control here:
if (s.toString().isEmpty()) {
mAddButton.setVisibility(View.GONE);
deleteButton.setVisibility(View.INVISIBLE);
if (mExclusiveEmptyView != null
&& mExclusiveEmptyView != rowView) {
mContainerView.removeView(mExclusiveEmptyView);
}
mExclusiveEmptyView = rowView;
} else {
if (mExclusiveEmptyView == rowView) {
mExclusiveEmptyView = null;
}
mAddButton.setVisibility(View.VISIBLE);
deleteButton.setVisibility(View.VISIBLE);
}
}
@Override
public void beforeTextChanged(CharSequence s, int start, int count,
int after) {
}
@Override
public void onTextChanged(CharSequence s, int start, int before,
int count) {
}
});
// Inflate at the end of all rows but before the "Add new" button
mContainerView.addView(rowView, mContainerView.getChildCount() - 1);
}