راهنمایی در طراحی یک UI

[slr560]

سلام دوستان
من یه نویگشین دراور دارم که وقتی روی یکی از آیتم هاش کلیک میشه میخوام UI زیر نمایش داده بشه
فقط یه چیزی . نمیدونم چجوری پیاده سازیش کنم
اینکه بیام اینو به صورت لیست پیاده سازی کنم ؟ یا اینکه دونه دونه بیام ردیف هاشو به بصورت LinearLayout بسازم؟
ایام هفته ثابت هست و همین ۷ روز نمایش داده میشه و به جاش تاریخ ها بروز میشه وقتی به روز آخر رسید. مثلا اگه تاریخ رسید به ۱۳/۴/۹۳ دوباره این ۷ روز تاریخاشون بروز میشه
سمت راست ردیف ها هم یک اسپینر هست که مقدار هاشون باهم تفاوت دارن

پایین UI هم ۲تا دکمه هست که ثابت هست و با اسکرول کردن تکون نمیخورن

از دوستان یکی میشه بیاد روند کار رو راهنمایی کنه؟

120570

[parvizwpf]

بنظرم اگه میدونی فردا آیتمی، مداوم بهش اضافه نمیشه، خودت تک تک اینها رو پیاده کن یعنی میتونی جند تا LinearLayout قرار بدی و از لیست استفاده نکن.

[slr560]

میخوام واسه شنبه تا جمعه یه ScrollView بزارم نمیشه. تا میزارم View خراب میشه
یکی راهنمایی کنه دقیقا کجا باید Scroll View رو قرار بدم ؟


<LinearLayout
android:orientation = "vertical"
android:layout_width = "fill_parent"
android:layout_height = "fill_parent"
xmlns:android = "http://schemas.android.com/apk/res/android">




<LinearLayout
android:orientation = "horizontal"
android:layout_width = "fill_parent"
android:layout_height = "60dp"
android:layout_weight = "1">
</LinearLayout>


<LinearLayout
android:orientation = "horizontal"
android:layout_width = "fill_parent"
android:layout_height = "60dp"
android:layout_weight = "1">
</LinearLayout>


<LinearLayout
android:orientation = "horizontal"
android:layout_width = "fill_parent"
android:layout_height = "60dp"
android:layout_weight = "1">
</LinearLayout>


<LinearLayout
android:orientation = "horizontal"
android:layout_width = "fill_parent"
android:layout_height = "60dp"
android:layout_weight = "1">
</LinearLayout>


<LinearLayout
android:orientation = "horizontal"
android:layout_width = "fill_parent"
android:layout_height = "60dp"
android:layout_weight = "1"
>
</LinearLayout>


<LinearLayout
android:orientation = "horizontal"
android:layout_width = "fill_parent"
android:layout_height = "60dp"
android:layout_weight = "1">
</LinearLayout>


<LinearLayout
android:orientation = "horizontal"
android:layout_width = "fill_parent"
android:layout_height = "60dp"
android:layout_weight = "1">
</LinearLayout>




<LinearLayout
android:orientation = "horizontal"
android:layout_width = "fill_parent"
android:layout_height = "80dp"
android:layout_weight = "1.5">
</LinearLayout>




</LinearLayout>

[slr560]

اومدم از RelativeLayou استفاده کردم . ولی برای حرف فارسی نمیدونم چجوری align بندیش کنم که مشکلی پیش نیاد.
چه خصوصیت هایشو باید تغییر بدم
اومدم ایام هفته رو اوردم سمت راست و اسپینر رو سمت چپ
توی پست اول عکس رو اشتباه طراحی کردم . چون برای فارسی باید از راست به چپ طراحی بشه درسه؟

[parvizwpf]

gravity
layout_gravity
align ها

[slr560]

gravity
layout_gravity
align ها

خب این خصوصیت رو باید برای لایوت تنظیم کنم یا تکست ویو ها؟
به محض اینکه فارسی مینوسم توش میره بیرون صفحه
اسپینر مشکلی نداره برای راست به چپ؟
===================================

ویرایش:
فهمیدم مشکل کجاس. من هی این خصوصیت هارو تنظیم میکردم بعد میدیدم توی Android Studio اصن تکسن فارسی محو شده
یه اجرا گرفتم دیدم روی گوشی کامل و درست نشون میده

یه باگ تابلو توی ورژن 0.8.1 هست . حروف RTL رو درست نشون نمیده و بعضی وقتا اصلا نشون نمیده
بیخیالش شدم دیگه . میرم روی Eclipse
تا ورژن بدون باگ بیاد ببینیم چجوریه

[slr560]

آقا به این نتیجه رسیدم با لیست درستش کنم
یه RelativeLayout طراحی میکنم و میدمش به آداپتور
ولی بلد نیستم چجوری آداپتور رو بنویسم. یکی از دوستان کمک میکنه بهم؟
صفحه که لیست نمایش داده میشه یک فرگمنت هست

[parvizwpf]

http://www.codeproject.com/Articles/507651/Customized-Android-ListView-with-Image-and-Text

[amirali48]

سلام دوستان میخوام تو تو xml متن و عکس با هم قرار بدم میخوام اول عکس باشه بعد متن میشه یکی بهم کامل بگه که چه کار باید بکنم؟؟؟؟

[slr560]

آقا یه مشکل دارم من
الان UI بالا رو تک تک درست کردم
الان از شنبه تا جمعه داخل ScrollView هست و راحت اسکرول میشه
میخوام اون ۲تا دکمه پایین رو بزارم توی یه LinearLayout یا RelativLayout که ثابت باشه تو صفحه و تکون نخوره
هر کاری میکنم مشکل پیش میاد
کسی میتونه کمک کنه؟

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content">


<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:paddingRight="5dp"
android:paddingLeft="5dp">




<RelativeLayout
android:background="#1602bbff"
android:layout_width="fill_parent"
android:layout_height="70dp">


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="شنبه"
android:id="@+id/textView2"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"/>


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Small Text"
android:id="@+id/textView3"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"/>


<Spinner
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/spinner"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"/>


</RelativeLayout>


<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="70dp">


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="یکشنبه"
android:id="@+id/textView4"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"/>


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Small Text"
android:id="@+id/textView5"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"/>


<Spinner
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/spinner2"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"/>
</RelativeLayout>


<RelativeLayout
android:background="#1602bbff"
android:layout_width="fill_parent"
android:layout_height="70dp">


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="دوشنبه"
android:id="@+id/textView6"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"/>


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Small Text"
android:id="@+id/textView7"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"/>


<Spinner
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/spinner3"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"/>
</RelativeLayout>


<RelativeLayout
android:layout_width="match_parent"
android:layout_height="70dp">


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="سه شنبه"
android:id="@+id/textView8"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"/>


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Small Text"
android:id="@+id/textView9"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"/>


<Spinner
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/spinner4"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"/>
</RelativeLayout>


<RelativeLayout
android:background="#1602bbff"
android:layout_width="match_parent"
android:layout_height="70dp"
>


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="چهار شنبه"
android:id="@+id/textView10"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"/>


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Small Text"
android:id="@+id/textView11"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"/>


<Spinner
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/spinner5"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"/>
</RelativeLayout>


<RelativeLayout
android:layout_width="match_parent"
android:layout_height="70dp"
android:layout_gravity="center_horizontal">


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="پنجشنبه"
android:id="@+id/textView12"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"/>


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Small Text"
android:id="@+id/textView13"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"/>


<Spinner
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/spinner6"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"/>
</RelativeLayout>


<RelativeLayout
android:layout_width="match_parent"
android:layout_height="70dp"
android:background="#1602bbff">


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="جمعه"
android:id="@+id/textView14"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"/>


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Small Text"
android:id="@+id/textView15"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"/>


<Spinner
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/spinner7"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"/>
</RelativeLayout>




</LinearLayout>
</ScrollView>

[slr560]

کسی از دوستان نیس کمک کنه؟

[rubiks.kde]

طراحیتون رو به این صورت ادامه بدید.بجایی اینکه view اصلی شما یه اسکرول ویو باشه یه
RelativLayout بزارید.یعنی رنگ آبی.و این کدی هم که در بالا طراحی کردید بجای رنگ زرد بزارید و بجای رنگ قرمز هم دکمه هاتون رو بزارید
http://s5.picofile.com/file/8129584668/sss.png

[slr560]

طراحیتون رو به این صورت ادامه بدید.بجایی اینکه view اصلی شما یه اسکرول ویو باشه یه
RelativLayout بزارید.یعنی رنگ آبی.و این کدی هم که در بالا طراحی کردید بجای رنگ زرد بزارید و بجای رنگ قرمز هم دکمه هاتون رو بزارید

http://s5.picofile.com/file/8129584668/sss.png


مرسی الان اوکی شد
فقط یه مشکل پیش اومد.
روز جمعه میره زیره اون ۲تا دکمه ها
لی اوت اون قسمت قرمز رنگ رو android:layout_alignParentBottom="true" کردم
نمیدونم کدوم خصوصیتشو بنویسم که قسمت قرمز رنگ پایین صفحه فیکس و ثابت بشه و اسکرول تا قسمت قرمز بیاد و پایینش نیاد

[rubiks.kde]

دلیلش اینکه دکمه ها رو انداختید روی اسکرول ، باید بزارید زیر اسکرول.
برای این کار هم توی پروپرتی ها هست.همون جایی که دادی
android:layout_alignParentBottom یه پروپرتی هست که میگه لایه زیر کدوم لایه و یا بالاتر از کدوم باشه

[slr560]

دلیلش اینکه دکمه ها رو انداختید روی اسکرول ، باید بزارید زیر اسکرول.
برای این کار هم توی پروپرتی ها هست.همون جایی که دادی
android:layout_alignParentBottom یه پروپرتی هست که میگه لایه زیر کدوم لایه و یا بالاتر از کدوم باشه

نه توی اسکرول ننداختم
بعد از اسکرول یه relativLayout ساختم و گزاشتم داخل اون
این xml رو یه نگاه بندازین ببینین واسه لی اون آخر چه پروپرتی باید بزارم
below هم تنظیم میکنم و مقدار میدم درست نمیشه

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/relativLayout"
android:layout_width="fill_parent"
android:layout_height="fill_parent">


<ScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/scrollView"
android:layout_width="wrap_content"
android:layout_height="wrap_content">


<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingRight="5dp"
android:paddingLeft="5dp">




<RelativeLayout
android:background="#1602bbff"
android:layout_width="fill_parent"
android:layout_height="70dp">


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="شنبه"
android:id="@+id/txt_shanbe"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"/>


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Small Text"
android:id="@+id/txt_date_shanbe"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"/>


<Spinner
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/spinner_shanbe"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"/>


</RelativeLayout>


<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="70dp">


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="یکشنبه"
android:id="@+id/txt_yekshanbe"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"/>


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Small Text"
android:id="@+id/txt_date_yekshanbe"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"/>


<Spinner
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/spinner_yekshanbe"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"/>
</RelativeLayout>


<RelativeLayout
android:background="#1602bbff"
android:layout_width="fill_parent"
android:layout_height="70dp">


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="دوشنبه"
android:id="@+id/txt_doshanbe"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"/>


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Small Text"
android:id="@+id/txt_date_doshanbe"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"/>


<Spinner
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/spinner_doshanbe"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"/>
</RelativeLayout>


<RelativeLayout
android:layout_width="match_parent"
android:layout_height="70dp">


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="سه شنبه"
android:id="@+id/txt_seshanbe"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"/>


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Small Text"
android:id="@+id/txt_date_seshanbe"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"/>


<Spinner
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/spinner_seshanbe"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"/>
</RelativeLayout>


<RelativeLayout
android:background="#1602bbff"
android:layout_width="match_parent"
android:layout_height="70dp"
>


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="چهار شنبه"
android:id="@+id/txt_chaharshanbe"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"/>


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Small Text"
android:id="@+id/txt_date_chaharshanbe"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"/>


<Spinner
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/spinner_chaharshanbe"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"/>
</RelativeLayout>


<RelativeLayout
android:layout_width="match_parent"
android:layout_height="70dp"
>


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="پنجشنبه"
android:id="@+id/txt_panjshanbe"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"/>


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Small Text"
android:id="@+id/txt_date_panjshanbe"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"/>


<Spinner
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/spinner_panjshanbe"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"/>
</RelativeLayout>


<RelativeLayout
android:layout_width="match_parent"
android:layout_height="70dp"
android:background="#1602bbff">


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="جمعه"
android:id="@+id/txt_jome"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"/>


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Small Text"
android:id="@+id/txt_date_jome"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"/>


<Spinner
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/spinner_jome"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"/>
</RelativeLayout>




</LinearLayout>
</ScrollView>


<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="80dp"
android:layout_alignParentBottom="true">




<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New Button"
android:id="@+id/button"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"/>


<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New Button"
android:id="@+id/button2"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"/>
</RelativeLayout>
</RelativeLayout>

[slr560]

مرسی درست شد
خاصیت above اسکرول رو تنظیم کردم با RelativLayout اون دکمه ها :چشمک: