Skip to main content
se eliminaron 102 caracteres en el cuerpo
Origen Enlace
Einer
  • 20.6k
  • 2
  • 17
  • 39
<UserControl x:Class="WpfTutorialSamples.User_Controls.LimitedInputUserControl"Class="Einer"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         d:DesignHeight="300" d:DesignWidth="300">
    <StackPanel>
        <TextBlock Text="Cantidad de lines"likes" />
        <TextBlock Text="0" Name="CntLikesTxtBlock" />
    </StackPanel>
</UserControl>
<UserControl x:Class="WpfTutorialSamples.User_Controls.LimitedInputUserControl"Class="Einer"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         d:DesignHeight="300" d:DesignWidth="300">
    <StackPanel>
       <Post x:Name="ThePost"></Post>
    </StackPanel>
</UserControl>
<UserControl x:Class="WpfTutorialSamples.User_Controls.LimitedInputUserControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         d:DesignHeight="300" d:DesignWidth="300">
    <StackPanel>
        <TextBlock Text="Cantidad de lines" />
        <TextBlock Text="0" Name="CntLikesTxtBlock" />
    </StackPanel>
</UserControl>
<UserControl x:Class="WpfTutorialSamples.User_Controls.LimitedInputUserControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         d:DesignHeight="300" d:DesignWidth="300">
    <StackPanel>
       <Post x:Name="ThePost"></Post>
    </StackPanel>
</UserControl>
<UserControl x:Class="Einer"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         d:DesignHeight="300" d:DesignWidth="300">
    <StackPanel>
        <TextBlock Text="Cantidad de likes" />
        <TextBlock Text="0" Name="CntLikesTxtBlock" />
    </StackPanel>
</UserControl>
<UserControl x:Class="Einer"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         d:DesignHeight="300" d:DesignWidth="300">
    <StackPanel>
       <Post x:Name="ThePost"></Post>
    </StackPanel>
</UserControl>
Origen Enlace
Einer
  • 20.6k
  • 2
  • 17
  • 39

El tema es muy extenso ya que hay diferentes maneras de lograrlo pero de forma resumida, una de las mejores maneras es creando un UserControl, en tu caso llamarlo Post.xaml:

<UserControl x:Class="WpfTutorialSamples.User_Controls.LimitedInputUserControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         d:DesignHeight="300" d:DesignWidth="300">
    <StackPanel>
        <TextBlock Text="Cantidad de lines" />
        <TextBlock Text="0" Name="CntLikesTxtBlock" />
    </StackPanel>
</UserControl>

En tu Post.xaml.cs, o code behind, agregas las propieades/metodos que necesitas exponer para utilizarlo en otro control. En este caso expondremos un metodo que recibira el id del usuario para cargar la cantidad de likes:

Post.xaml.cs:

public partial class Post : UserControl
{
   //constructor ..
  
   public async Task CargarLikesAsync(string userid)
   {
        var likes = await CargarLikes(userid);
        // asignamos la cantidad de likes
        this.CntLikesTxtBlock.Text = likes.Cantidad;
   }
  
}

Por lo que cuando quieras utilizarlo, solo agregas la refencia del control. Por ejemplo:

Home.xaml:

<UserControl x:Class="WpfTutorialSamples.User_Controls.LimitedInputUserControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         d:DesignHeight="300" d:DesignWidth="300">
    <StackPanel>
       <Post x:Name="ThePost"></Post>
    </StackPanel>
</UserControl>

Y para cargar los likes solo tendras que obtener la referencia del control y ejecutar el metodo que definimos:

Home.xaml.cs:

public partial class Home : UserControl
{
    public Home()
    {
        InitializeComponent();
        
        Loaded += Home_Loaded;
    }
    
    public void Home_Loaded(Object sender, EventArgs args)
    {
    
        string userid = ObtenerIdUsuarioLogueado();
        ThePost.CargarLikesAsync(userid);
    }
  
}