PDA

View Full Version : راهنمایی در مورد طراحی لایه ای به این صورت



gilas1368
دوشنبه 18 اسفند 1393, 20:21 عصر
سلام مجدد به تمام دوستان و ساتید گرانقدر

میخواستم ببینم چطور میتونم ی لایه مشابه عکس زیر طراحی کنم


129310


جای اون 5 تا المان ک دور مرکز هستن میشه از button استفاده کرد؟

Aram0630
دوشنبه 18 اسفند 1393, 23:28 عصر
از ایمیج باتن استفاده کن .ImageButton

meysam jahedi
دوشنبه 18 اسفند 1393, 23:49 عصر
سلام مجدد به تمام دوستان و ساتید گرانقدر

میخواستم ببینم چطور میتونم ی لایه مشابه عکس زیر طراحی کنم


129310


جای اون 5 تا المان ک دور مرکز هستن میشه از button استفاده کرد؟

منم دقیقا سوالم همین ،
نحوه تنظیم ظاهر گرافیکی برنامه برای اجرای درست در سایر گوشی ها (http://barnamenevis.org/showthread.php?488280-%D9%86%D8%AD%D9%88%D9%87-%D8%AA%D9%86%D8%B8%DB%8C%D9%85-%D8%B8%D8%A7%D9%87%D8%B1-%DA%AF%D8%B1%D8%A7%D9%81%DB%8C%DA%A9%DB%8C-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A7%D8%AC%D8%B1%D8%A7%DB%8C-%D8%AF%D8%B1%D8%B3%D8%AA-%D8%AF%D8%B1-%D8%B3%D8%A7%DB%8C%D8%B1-%DA%AF%D9%88%D8%B4%DB%8C-%D9%87%D8%A7)





اگه تو لایوت چندتا ImageView رو عین پازل یعنی چندتا عکس رو (که از قبل جداگانه طراحی شدن)کنار هم قرار بدیم ، حالا چطور میشه این تیکه های پازل (ImageView ها) تو گوشی های مختلف از هم فاصله نگیرن ؟ و تصویر بهم نریزه . (با این تیکه های کنار هم باید چکار کرد؟)

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





طراحیش سخت نیست ، اما اینکه چطور بشه فاصله هاشون رو تو گوشی های مختلف حفظ کرد مشکلم هستش

gilas1368
سه شنبه 19 اسفند 1393, 09:23 صبح
از ایمیج باتن استفاده کن .ImageButton

دوست خوبم
من نگفتم نمیدونم از چ ویوای استفاده کنم

منظور من این بود ک چطوری میشه ی همچین طرحی رو پیاده سازی کرد

میخوام ی طرح شبکه ای مثله عکسی که گذاشتم رو طراحی کنم

gilas1368
سه شنبه 19 اسفند 1393, 09:25 صبح
منم دقیقا سوالم همین ،
نحوه تنظیم ظاهر گرافیکی برنامه برای اجرای درست در سایر گوشی ها (http://barnamenevis.org/showthread.php?488280-%D9%86%D8%AD%D9%88%D9%87-%D8%AA%D9%86%D8%B8%DB%8C%D9%85-%D8%B8%D8%A7%D9%87%D8%B1-%DA%AF%D8%B1%D8%A7%D9%81%DB%8C%DA%A9%DB%8C-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A7%D8%AC%D8%B1%D8%A7%DB%8C-%D8%AF%D8%B1%D8%B3%D8%AA-%D8%AF%D8%B1-%D8%B3%D8%A7%DB%8C%D8%B1-%DA%AF%D9%88%D8%B4%DB%8C-%D9%87%D8%A7)



طراحیش سخت نیست ، اما اینکه چطور بشه فاصله هاشون رو تو گوشی های مختلف حفظ کرد مشکلم هستش

والا نمیدونم
شمام بهتر از من در جریانید ک زمانیک از واحد dp برای اندازه ها استفاده میشه در تمامی حالات و توی هر صفحه نمایشی اون مقدار حذف میشه
اما اینک طرح پازل رو چطوری پیاده سازیش کنی این بنظر من یکم مشکله

parniaznet
سه شنبه 19 اسفند 1393, 11:58 صبح
این رو چک کنید

http://stackoverflow.com/questions/8840729/android-hexagon-grid

gilas1368
سه شنبه 19 اسفند 1393, 12:53 عصر
از تمام دوستان ک وقت گذاشتن و با راهنمائی هاشون کمکم کردن ممنونم

خودم تونستم پیاده سازیش کنم

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



<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"
android:orientation="vertical"
android:background="#ffffff">


<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/hexa"
android:visibility="invisible"/>
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/hexa"/>
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/hexa"
android:visibility="invisible"/>


</LinearLayout>






<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="-25dp">
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/hexa"
android:layout_marginLeft="12.5dp"/>
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/hexa"
android:visibility="invisible"
/>
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/hexa"
android:layout_marginLeft="-25dp"/>


</LinearLayout>








<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="-25dp">
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/hexa"
android:visibility="invisible"/>
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/hexa"/>
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/hexa"
android:visibility="invisible"/>


</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="-25dp">
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/hexa"
android:layout_marginLeft="12.5dp"/>
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/hexa"
android:visibility="invisible"
/>
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/hexa"
android:layout_marginLeft="-25dp"/>


</LinearLayout>


<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="-25dp">
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/hexa"
android:visibility="invisible"/>
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/hexa"/>
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/hexa"
android:visibility="invisible"/>


</LinearLayout>
</LinearLayout>

و شکل نهایی کار به صورت زیر میشه:

129321

مقدار @drawable/hexa هم یک تصویر با زمینه سفید و hexagon مشکی هستش

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

meysam jahedi
سه شنبه 19 اسفند 1393, 19:47 عصر
ولی من هنوز به جوابم نرسیدم ، اون پازل هیچی ، من با طراحی این نمای شبکه ای مشکلی ندارم ، اما اینکه مثلا این چند قسمت رو فیکس کنم مشکل دارم

الان این شش ضلعی ها اگر با همین چینش در وسط صفحه قرار میگرفت ، تو صفحات مختلف بهم ریختگی نداشت؟ نمیدونم چکارش کنم

gilas1368
سه شنبه 19 اسفند 1393, 20:34 عصر
ن
من همین چینش رو توی برنامه ام گذاشتم و خاصیت centerInParent رو هم true کردم
اما مشکلی پیش نیومد
البته این رو هم بگم که برای سایزهای مختلف لایه های متفاوتی باید طراحی بشه تا فرم دچار بهم ریختگی نشه